diff --git a/src/app/app.md.scss b/src/app/app.md.scss
index bee372275..a97ce6e95 100644
--- a/src/app/app.md.scss
+++ b/src/app/app.md.scss
@@ -70,6 +70,15 @@ ion-app.app-root.md {
       padding-top: 0;
       margin-top: $action-sheet-md-title-padding-top;
     }
+
+    @media (min-height: 500px) {
+      .action-sheet-wrapper {
+        bottom: 0;
+        top: initial;
+        max-height: 50%;
+        height: 100%;
+      }
+    }
   }
 }
 
diff --git a/src/app/app.scss b/src/app/app.scss
index 1118e0771..9fbf324f0 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -609,15 +609,6 @@ ion-app.app-root {
     }
   }
 
-  @media (min-height: 500px) {
-    .action-sheet-wrapper {
-      bottom: 0;
-      top: initial;
-      max-height: 50%;
-      height: 100%;
-    }
-  }
-
   .alert-message {
       overflow-y: auto;
   }