diff --git a/desktop/src/components/layout/TabBar.test.tsx b/desktop/src/components/layout/TabBar.test.tsx
index 712f8835..75e60470 100644
--- a/desktop/src/components/layout/TabBar.test.tsx
+++ b/desktop/src/components/layout/TabBar.test.tsx
@@ -339,6 +339,8 @@ describe('TabBar', () => {
 
     const scrollRegion = screen.getByTestId('tab-bar').querySelector('.overflow-x-auto')
     expect(scrollRegion).toBeInTheDocument()
+    expect(scrollRegion).toHaveClass('min-w-0')
+    expect(scrollRegion).toHaveClass('flex-1')
 
     Object.defineProperty(scrollRegion!, 'clientWidth', {
       configurable: true,
diff --git a/desktop/src/components/layout/TabBar.tsx b/desktop/src/components/layout/TabBar.tsx
index a9591f91..d68365a8 100644
--- a/desktop/src/components/layout/TabBar.tsx
+++ b/desktop/src/components/layout/TabBar.tsx
@@ -381,7 +381,7 @@ export function TabBar() {
         ref={scrollRef}
         data-testid="tab-bar-scroll-region"
         data-desktop-drag-region={isDesktopRuntime ? true : undefined}
-        className="flex-1 flex items-stretch overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+        className="flex min-w-0 flex-1 items-stretch overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
         onDragOver={(e) => e.preventDefault()}
       >
         {tabs.map((tab, index) => (