From be53f22fffd09fe02fbd6628b094c102303632ca Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Fri, 15 Aug 2025 12:05:37 -0500
Subject: [PATCH] layout: Tweak dropdown for correct icon-label alignment.

---
 web/styles/zulip.css            | 10 +++++++++-
 web/templates/dropdown_list.hbs |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index 7f31316f16..2ab9d192cf 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -2279,10 +2279,18 @@ body:not(.spectator-view) {
                     align-self: start;
                 }
             }
+
+            .dropdown-list-text-neutral {
+                grid-area: item-text;
+                align-self: center;
+            }
         }
 
+        /* This correctly places neutral text items
+           appearing without a wrapping
+           `.dropdown-list-item-name` class. */
         .dropdown-list-text-neutral {
-            grid-area: item-text;
+            grid-area: item-label;
             align-self: center;
         }
 
diff --git a/web/templates/dropdown_list.hbs b/web/templates/dropdown_list.hbs
index d0c46660a3..c29946e3ff 100644
--- a/web/templates/dropdown_list.hbs
+++ b/web/templates/dropdown_list.hbs
@@ -42,7 +42,7 @@
                 </span>
             {{else if (eq unique_id -2)}}
                 {{!-- This is the option for PresetUrlOption.MAPPING --}}
-                <i class="zulip-icon zulip-icon-equal channel-privacy-type-icon" aria-hidden="true"></i> <span class="dropdown-list-text-selected">{{name}}</span>
+                <i class="zulip-icon zulip-icon-equal channel-privacy-type-icon" aria-hidden="true"></i> <span class="dropdown-list-text-neutral">{{name}}</span>
             {{else}}
                 <span class="dropdown-list-item-name">
                     {{#if bold_current_selection}}