diff --git a/web/styles/search.css b/web/styles/search.css
index bcf7887494..09eb7089b4 100644
--- a/web/styles/search.css
+++ b/web/styles/search.css
@@ -34,6 +34,10 @@
             left: 10px;
             top: 10px;
             z-index: 5;
+
+            @media (width < $sm_min) {
+                top: 5px;
+            }
         }
 
         .fa-search:not(.deactivated) {
@@ -81,12 +85,18 @@
         z-index: 5;
     }
 
-    .search_button:hover {
-        opacity: 1;
-    }
+    .search_button {
+        &:hover {
+            opacity: 1;
+        }
 
-    .search_button:disabled {
-        visibility: hidden;
+        &:disabled {
+            visibility: hidden;
+        }
+
+        @media (width < $sm_min) {
+            top: 0;
+        }
     }
 
     .search_icon {
@@ -149,18 +159,3 @@
         }
     }
 }
-
-@media (width < $sm_min) {
-    #searchbox,
-    #searchbox_legacy {
-        .input-append .fa-search {
-            top: 5px;
-        }
-
-        .search_button,
-        .search_button:disabled:hover {
-            top: 0;
-        }
-    }
-
-}