fix: Use ellipses for long organization names

apptension · Jan 30, 2025 · f04392c · f04392c
1 parent 2eb2176
commit f04392c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/webapp-libs/webapp-tenants/src/components/tenantSwitch/tenantSwitch.component.tsx b/packages/webapp-libs/webapp-tenants/src/components/tenantSwitch/tenantSwitch.component.tsx
@@ -93,8 +93,9 @@ export const TenantSwitch = () => {
     <>
       <DropdownMenu>
         <DropdownMenuTrigger asChild>
-          <Button variant="outline">
-            {currentTenant?.name} <ChevronDown className="ml-2 mr--2" />
+          <Button variant="outline" className="overflow-hidden">
+            <div className="overflow-ellipsis overflow-hidden whitespace-nowrap max-w-full">{currentTenant?.name}</div>
+            <ChevronDown className="ml-2 mr--2" />
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent>