From 57f5f6e59a5115320c9fa56cecf9403f86e6dcd4 Mon Sep 17 00:00:00 2001 From: waleed Date: Mon, 9 Mar 2026 21:08:24 -0700 Subject: [PATCH] improvement(sidebar): match workspace switcher popover width to sidebar Use Radix UI's built-in --radix-popover-trigger-width CSS variable instead of hardcoded 160px so the popover matches the trigger width and responds to sidebar resizing. --- .../components/workspace-header/workspace-header.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-header/workspace-header.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-header/workspace-header.tsx index d427fb443e..216db441f5 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-header/workspace-header.tsx +++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-header/workspace-header.tsx @@ -343,7 +343,11 @@ export function WorkspaceHeader({ align='start' side='bottom' sideOffset={8} - style={{ maxWidth: '160px', minWidth: '160px' }} + style={{ + width: 'var(--radix-popover-trigger-width)', + minWidth: 'var(--radix-popover-trigger-width)', + maxWidth: 'var(--radix-popover-trigger-width)', + }} onOpenAutoFocus={(e) => e.preventDefault()} > {isWorkspacesLoading ? (