From fe5402a6d7eccfa2fb87661a9e70d49bbe05f31f Mon Sep 17 00:00:00 2001
From: Emir Karabeg <78010029+emir-karabeg@users.noreply.github.com>
Date: Wed, 16 Jul 2025 20:54:53 -0700
Subject: [PATCH] fix: truncate workspace selector (#715)

---
 .../components/workspace-selector/workspace-selector.tsx  | 8 ++++++--
 .../[workspaceId]/w/components/sidebar/sidebar.tsx        | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/workspace-selector.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/workspace-selector.tsx
index a15489fbd2..4e2ef1758d 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/workspace-selector.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/workspace-selector.tsx
@@ -139,14 +139,18 @@ export function WorkspaceSelector({
             <div className='flex h-full min-w-0 flex-1 items-center text-left'>
               <span
                 className={cn(
-                  'truncate font-medium text-sm',
+                  'flex-1 truncate font-medium text-sm',
                   activeWorkspace?.id === workspace.id ? 'text-foreground' : 'text-muted-foreground'
                 )}
+                style={{ maxWidth: '168px' }}
               >
                 {workspace.name}
               </span>
             </div>
-            <div className='flex h-full w-6 flex-shrink-0 items-center justify-center'>
+            <div
+              className='flex h-full items-center justify-center'
+              onClick={(e) => e.stopPropagation()}
+            >
               {hoveredWorkspaceId === workspace.id && (
                 <>
                   {/* Leave Workspace - for non-admin users */}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx
index 224cee31a1..26bc521b46 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx
@@ -764,7 +764,7 @@ export function Sidebar() {
               className='flex h-12 w-full cursor-pointer items-center gap-2 rounded-[14px] border bg-card pr-[10px] pl-3 shadow-xs transition-colors hover:bg-muted/50'
             >
               <Search className='h-4 w-4 text-muted-foreground' strokeWidth={2} />
-              <span className='flex h-8 flex-1 items-center px-0 font-[350] text-muted-foreground text-sm leading-none'>
+              <span className='flex h-8 flex-1 items-center px-0 text-muted-foreground text-sm leading-none'>
                 Search anything
               </span>
               <kbd className='flex h-6 w-8 items-center justify-center rounded-[5px] border border-border bg-background font-mono text-[#CDCDCD] text-xs dark:text-[#454545]'>