diff --git a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss
index 2aff5bcac2..c3d16aa4d1 100644
--- a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss
+++ b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss
@@ -33,14 +33,10 @@ ordercycle {
     }
   }
 
-  @media all and (max-width: 768px) {
+  @media all and (max-width: 480px) {
     padding: 0.5em 1em 0.75em;
   }
 
-  form.custom {
-    text-align: center;
-  }
-
   .order-cycle-select {
     border: 1px solid $teal-300;
     display: inline-block;
@@ -126,12 +122,7 @@ ordercycle {
   }
 }
 
-shop navigation ordercycle {
-  margin-top: 3em;
-  padding: 1em;
-  height: 7.6em;
-  position: absolute;
-  right: 1em;
+shop ordercycle {
   background: $teal-400;
   color: $white;
 
@@ -157,4 +148,16 @@ shop navigation ordercycle {
   closing {
     color: $white;
   }
+
+  form.custom {
+    text-align: center;
+  }
+}
+
+shop navigation ordercycle {
+  margin-top: 3em;
+  padding: 1em;
+  height: 7.6em;
+  position: absolute;
+  right: 1em;
 }