From 1ca6901d396ff54937bd30e4db77e0787acb3aed Mon Sep 17 00:00:00 2001
From: Aditi Chauhan <aditi1178@gmail.com>
Date: Sun, 24 May 2026 11:22:51 +0530
Subject: [PATCH] fix(web): add min-width 0 to topbar pills so overflow-x auto
 activates

inline-flex defaults to min-width: auto, meaning the element always
expands to fit content and overflow-x: auto never triggers. Setting
min-width: 0 lets the parent constrain the container so scroll kicks
in when pills exceed available width.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 packages/web/src/app/globals.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/web/src/app/globals.css b/packages/web/src/app/globals.css
index 6522f0112..74033b5ae 100644
--- a/packages/web/src/app/globals.css
+++ b/packages/web/src/app/globals.css
@@ -7607,6 +7607,7 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
   align-items: center;
   gap: 4px;
   flex-wrap: nowrap;
+  min-width: 0;
   overflow-x: auto;
 }