fix: truncate workspace selector (#715)

Author: emir-karabeg

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 */}

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]'>