diff --git a/static/styles/reactions.scss b/static/styles/reactions.scss
index a02ab779af..2c35d01cd0 100644
--- a/static/styles/reactions.scss
+++ b/static/styles/reactions.scss
@@ -176,6 +176,31 @@
     }
 }
 
+.emoji-popover-category-tabs {
+    /* Flex needed here to work around #7511 (90% zoom issues in firefox) */
+    display: flex;
+    background-color: hsl(0, 0%, 93%);
+    width: 100%;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    .emoji-popover-tab-item {
+        display: inline-block;
+        padding-top: 8px;
+        width: 25px;
+        height: 25px;
+        text-align: center;
+        font-size: 16px;
+        cursor: pointer;
+        /* Flex needed here to work around #7511 (90% zoom issues in firefox) */
+        flex-grow: 1;
+
+        &.active {
+            background-color: hsla(0, 0%, 100%, 0.2);
+        }
+    }
+}
+
 .emoji-popover-emoji-map,
 .emoji-search-results-container {
     padding: 0px;
@@ -244,31 +269,6 @@
     line-height: 1em;
 }
 
-.emoji-popover-category-tabs {
-    /* Flex needed here to work around #7511 (90% zoom issues in firefox) */
-    display: flex;
-    background-color: hsl(0, 0%, 93%);
-    width: 100%;
-    box-sizing: border-box;
-    overflow: hidden;
-
-    .emoji-popover-tab-item {
-        display: inline-block;
-        padding-top: 8px;
-        width: 25px;
-        height: 25px;
-        text-align: center;
-        font-size: 16px;
-        cursor: pointer;
-        /* Flex needed here to work around #7511 (90% zoom issues in firefox) */
-        flex-grow: 1;
-
-        &.active {
-            background-color: hsla(0, 0%, 100%, 0.2);
-        }
-    }
-}
-
 .typeahead .emoji {
     top: 2px;
 }