From 062db77118c8b7be4af696640e75d5b23c6a0121 Mon Sep 17 00:00:00 2001
From: Jinjing <6427696+AmethystLiang@users.noreply.github.com>
Date: Sat, 5 Sep 2026 12:17:40 -0700
Subject: [PATCH] reduce: lower tab minimum width from 88px to 72px (#18871)

---
 .../src/components/tab-bar/tab-title-tooltip.test.tsx         | 4 ++--
 src/renderer/src/components/tab-bar/tab-width-rules.ts        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/components/tab-bar/tab-title-tooltip.test.tsx b/src/renderer/src/components/tab-bar/tab-title-tooltip.test.tsx
index 63d6a30040a..c5e863af5ca 100644
--- a/src/renderer/src/components/tab-bar/tab-title-tooltip.test.tsx
+++ b/src/renderer/src/components/tab-bar/tab-title-tooltip.test.tsx
@@ -188,10 +188,10 @@ function expectTabContainerWidth(markup: string, root: string): void {
   const container = firstOpeningTag(markup)
   // Why: pinned literally — a definite `w-*` is what stops live title updates from resizing
   // every tab, so asserting against the constant would let that guarantee be edited away.
-  const widthClasses = 'w-[180px] min-w-[88px] min-[1280px]:w-[220px]'
+  const widthClasses = 'w-[180px] min-w-[72px] min-[1280px]:w-[220px]'
   expect(container).toContain(widthClasses)
   expect(root).not.toContain('w-[180px]')
-  expect(root).not.toContain('min-w-[88px]')
+  expect(root).not.toContain('min-w-[72px]')
   expect(root).not.toContain('min-[1280px]:w-[220px]')
 }
 
diff --git a/src/renderer/src/components/tab-bar/tab-width-rules.ts b/src/renderer/src/components/tab-bar/tab-width-rules.ts
index c96fe099650..c7460650244 100644
--- a/src/renderer/src/components/tab-bar/tab-width-rules.ts
+++ b/src/renderer/src/components/tab-bar/tab-width-rules.ts
@@ -1,5 +1,5 @@
 // Why: the strip shrink-wraps its tabs, so a content-derived width lets one live title update
 // resize every tab; a definite width pins them and flex-shrink still narrows to the floor.
-export const TAB_CONTAINER_WIDTH_CLASSES = 'w-[180px] min-w-[88px] min-[1280px]:w-[220px]'
+export const TAB_CONTAINER_WIDTH_CLASSES = 'w-[180px] min-w-[72px] min-[1280px]:w-[220px]'
 
 export const TAB_LABEL_WIDTH_CLASSES = 'min-w-0 flex-1 truncate'