diff --git a/ionic/components/show-hide-when/show-hide-when.scss b/ionic/components/show-hide-when/show-hide-when.scss
index d47865bf23c..40eb064f696 100644
--- a/ionic/components/show-hide-when/show-hide-when.scss
+++ b/ionic/components/show-hide-when/show-hide-when.scss
@@ -5,10 +5,10 @@
// Applied by the showWhen directive
.hidden-show-when {
- display: none;
+ display: none !important;
}
// Applied by the hideWhen directive
.hidden-hide-when {
- display: none;
+ display: none !important;
}
diff --git a/ionic/components/show-hide-when/test/basic/main.html b/ionic/components/show-hide-when/test/basic/main.html
index 07ac5d9aac2..41fa32c34dd 100644
--- a/ionic/components/show-hide-when/test/basic/main.html
+++ b/ionic/components/show-hide-when/test/basic/main.html
@@ -1,8 +1,18 @@
-Show/Hide When
+
+ Show/Hide When
+
+
+
+
+
+
+
+
+
showWhen="ios"