diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index a74f0c6825..bb79206f8e 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -2281,14 +2281,22 @@ div.focused-message-list {
         display: none;
     }
 
-    .message-header-stream-settings-button,
-    & > span {
+    .message-header-stream-settings-button {
         font-weight: 600;
         font-size: 16px;
         margin: 0 -4px 0 0;
         padding: 0 6px;
         overflow: hidden;
         text-overflow: ellipsis;
+        text-overflow: clip;
+        color: inherit;
+        text-decoration: none;
+        /* Don't yield any space needed for the stream name. */
+        flex-shrink: 0;
+
+        .zulip-icon {
+            font-size: 14px;
+        }
 
         @media (width < $sm_min) {
             padding: 0 3.5px; /* based on having ~41.66% decrease */
@@ -2317,18 +2325,6 @@ div.focused-message-list {
         }
     }
 
-    .message-header-stream-settings-button {
-        text-overflow: clip;
-        color: inherit;
-        text-decoration: none;
-        /* Don't yield any space needed for the stream name. */
-        flex-shrink: 0;
-
-        .zulip-icon {
-            font-size: 14px;
-        }
-    }
-
     .narrow_description {
         /* the actual value of flex shrink does not matter, it is the
            ratio of this value to other flex items that determines the
@@ -2337,11 +2333,14 @@ div.focused-message-list {
            is chosen such that the narrow description shrinks to close
            before the stream name must begin to shrink */
         flex-shrink: 100;
-        padding-left: 10px;
         background: none;
         font-size: 14px;
         color: inherit;
         font-weight: 400;
+        padding: 0 6px;
+        padding-left: 10px;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
 
     /* The very last element in the navbar is the search icon, the second