From c68261fc067c148c3b986441f4173e4bcb6d3fa9 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Tue, 27 Jan 2026 14:01:04 +0000
Subject: fix(ui): add max-width 280px to tabs with text truncation

---
 packages/ui/src/components/tabs.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'packages/ui/src')

diff --git a/packages/ui/src/components/tabs.css b/packages/ui/src/components/tabs.css
index 8a872ebad..6b57f0c04 100644
--- a/packages/ui/src/components/tabs.css
+++ b/packages/ui/src/components/tabs.css
@@ -54,6 +54,7 @@
 
     white-space: nowrap;
     flex-shrink: 0;
+    max-width: 280px;
     border-bottom: 1px solid var(--border-weak-base);
     border-right: 1px solid var(--border-weak-base);
     background-color: var(--background-base);
@@ -62,8 +63,11 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      padding: 14px 24px;
+      padding: 14px 24px 14px 12px;
       outline: none;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
 
       &:focus-visible {
         outline: none;
-- 
cgit v1.2.3