From 741c20af0763b51bfd7b3fa7e17bdb75378a4a65 Mon Sep 17 00:00:00 2001
From: dadachann <185672915+dadachann@users.noreply.github.com>
Date: Sat, 25 Jul 2026 23:44:49 +0800
Subject: [PATCH] fix(ui): widen and center workspace switcher

---
 web/src/app/home/components/home-sidebar/HomeSidebar.tsx | 2 +-
 web/tests/unit/workspace-switcher-layout.test.mjs        | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/app/home/components/home-sidebar/HomeSidebar.tsx b/web/src/app/home/components/home-sidebar/HomeSidebar.tsx
index 99df6f7f6..9e21dc09c 100644
--- a/web/src/app/home/components/home-sidebar/HomeSidebar.tsx
+++ b/web/src/app/home/components/home-sidebar/HomeSidebar.tsx
@@ -1916,7 +1916,7 @@ export default function HomeSidebar({
         </SidebarHeader>
 
         <div className="px-2 group-data-[collapsible=icon]:px-0">
-          <WorkspaceSwitcher className="w-1/2 max-w-36 group-data-[collapsible=icon]:min-w-0 group-data-[collapsible=icon]:px-2" />
+          <WorkspaceSwitcher className="mx-auto w-4/5 group-data-[collapsible=icon]:min-w-0 group-data-[collapsible=icon]:px-2" />
         </div>
 
         {/* Navigation items grouped by section */}
diff --git a/web/tests/unit/workspace-switcher-layout.test.mjs b/web/tests/unit/workspace-switcher-layout.test.mjs
index 48f84e008..0be14da5f 100644
--- a/web/tests/unit/workspace-switcher-layout.test.mjs
+++ b/web/tests/unit/workspace-switcher-layout.test.mjs
@@ -92,8 +92,11 @@ test('moves Cloud plan upgrades into Workspace Settings', () => {
   assert.ok(toolbarEnd < membersHeading && membersHeading < cloudInvite);
 });
 
-test('keeps the workspace trigger compact and truncates long names', () => {
-  assert.match(homeSidebarSource, /<WorkspaceSwitcher className="w-1\/2/);
+test('fills 80 percent of the sidebar, centers the trigger, and truncates long names', () => {
+  assert.match(
+    homeSidebarSource,
+    /<WorkspaceSwitcher className="mx-auto w-4\/5/,
+  );
   assert.match(workspaceSwitcherSource, /h-9/);
   assert.match(workspaceSwitcherSource, /w-64/);
   assert.doesNotMatch(workspaceSwitcherSource, /min-w-80/);