From 538952a09587f42e764ec15595ecbd748a164e5f Mon Sep 17 00:00:00 2001
From: Aditi Chauhan <aditi1178@gmail.com>
Date: Sun, 24 May 2026 11:03:34 +0530
Subject: [PATCH] fix(web): use overflow-x auto on topbar pills to avoid silent
 clipping

overflow: hidden silently clips pills at intermediate viewport widths.
Switching to overflow-x: auto keeps all pills reachable via scroll
while still preventing vertical stacking.

Closes #1920

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

diff --git a/packages/web/src/app/globals.css b/packages/web/src/app/globals.css
index c80c4b983..6522f0112 100644
--- a/packages/web/src/app/globals.css
+++ b/packages/web/src/app/globals.css
@@ -7607,7 +7607,7 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
   align-items: center;
   gap: 4px;
   flex-wrap: nowrap;
-  overflow: hidden;
+  overflow-x: auto;
 }
 
 /* Project name + pills: inline on desktop, stacked column on mobile */