diff --git a/web/styles/message_header.css b/web/styles/message_header.css
index b5a715f452..633c5c9854 100644
--- a/web/styles/message_header.css
+++ b/web/styles/message_header.css
@@ -229,6 +229,31 @@
     }
 }
 
+.always_visible_topic_edit,
+.on_hover_topic_read,
+.stream_unmuted.on_hover_topic_unmute,
+.stream_muted.on_hover_topic_mute {
+    opacity: 0.7;
+
+    &:hover {
+        cursor: pointer;
+        opacity: 1;
+    }
+}
+
+.on_hover_topic_edit,
+.on_hover_topic_unresolve,
+.on_hover_topic_resolve,
+.stream_unmuted.on_hover_topic_mute,
+.stream_muted.on_hover_topic_unmute {
+    opacity: 0.2;
+
+    &:hover {
+        cursor: pointer;
+        opacity: 0.7;
+    }
+}
+
 .recipient_row_date {
     color: var(--color-date);
     font-size: calc(12em / 14);
diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index 4be1522e73..0041d841a6 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -1095,31 +1095,6 @@ td.pointer {
     }
 }
 
-.always_visible_topic_edit,
-.on_hover_topic_read,
-.stream_unmuted.on_hover_topic_unmute,
-.stream_muted.on_hover_topic_mute {
-    opacity: 0.7;
-
-    &:hover {
-        cursor: pointer;
-        opacity: 1;
-    }
-}
-
-.on_hover_topic_edit,
-.on_hover_topic_unresolve,
-.on_hover_topic_resolve,
-.stream_unmuted.on_hover_topic_mute,
-.stream_muted.on_hover_topic_unmute {
-    opacity: 0.2;
-
-    &:hover {
-        cursor: pointer;
-        opacity: 0.7;
-    }
-}
-
 /* Make the action icon on the message row
    always visible while the popover is open */
 .has_actions_popover .actions_hover {