From 6f582c1b2f1f18bd33fb916cb6c22f560aaef555 Mon Sep 17 00:00:00 2001
From: yyh <yuanyouhuilyz@gmail.com>
Date: Thu, 16 Apr 2026 11:13:07 +0800
Subject: [PATCH] fix(web): remove indicator from WorkplaceSelector and restore
 original item padding

The indicator was unnecessary (current workspace is shown in the trigger)
and shifted layout, breaking avatar alignment. Restore original
gap-2/pl-3/pr-2 spacing. Mark SelectItemIndicator as @public for Knip.

Made-with: Cursor
---
 web/app/components/base/ui/select/index.tsx                 | 1 +
 .../header/account-dropdown/workplace-selector/index.tsx    | 6 ++----
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/web/app/components/base/ui/select/index.tsx b/web/app/components/base/ui/select/index.tsx
index be1682d60c..a670922df9 100644
--- a/web/app/components/base/ui/select/index.tsx
+++ b/web/app/components/base/ui/select/index.tsx
@@ -30,6 +30,7 @@ export function SelectGroupLabel({
   )
 }
 
+/** @public */
 export function SelectItemIndicator({
   className,
   ...props
diff --git a/web/app/components/header/account-dropdown/workplace-selector/index.tsx b/web/app/components/header/account-dropdown/workplace-selector/index.tsx
index 2a3418efb2..7a9867b15e 100644
--- a/web/app/components/header/account-dropdown/workplace-selector/index.tsx
+++ b/web/app/components/header/account-dropdown/workplace-selector/index.tsx
@@ -6,7 +6,6 @@ import {
   SelectContent,
   SelectGroup,
   SelectGroupLabel,
-  SelectItemIndicator,
   SelectItemText,
   SelectPrimitiveItem,
   SelectTrigger,
@@ -69,18 +68,17 @@ const WorkplaceSelector = () => {
               key={workspace.id}
               value={workspace.id}
               className={cn(
-                'flex h-8 cursor-pointer items-center gap-1 rounded-lg px-2 outline-hidden',
+                'flex h-8 cursor-pointer items-center gap-2 rounded-lg pr-2 pl-3 outline-hidden',
                 'data-highlighted:bg-state-base-hover',
               )}
             >
               <div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-components-icon-bg-blue-solid text-[13px]">
                 <span className="h-6 bg-gradient-to-r from-components-avatar-shape-fill-stop-0 to-components-avatar-shape-fill-stop-100 bg-clip-text align-middle leading-6 font-semibold text-shadow-shadow-1 uppercase opacity-90">{workspace.name[0]?.toLocaleUpperCase()}</span>
               </div>
-              <SelectItemText className="min-w-0 grow truncate px-1 system-md-regular text-text-secondary">
+              <SelectItemText className="min-w-0 grow truncate system-md-regular text-text-secondary">
                 {workspace.name}
               </SelectItemText>
               <PlanBadge plan={workspace.plan as Plan} />
-              <SelectItemIndicator />
             </SelectPrimitiveItem>
           ))}
         </SelectGroup>