From 9aef10a1bb2a86250a23bce0388a0a267cfeb816 Mon Sep 17 00:00:00 2001
From: Louis Knight-Webb <louis@bloop.ai>
Date: Fri, 9 Jan 2026 17:20:13 +0000
Subject: [PATCH] Done. I added `min-w-0` to the URL bar container on line 68.
 This allows the flex container to shrink below its content size, enabling the
 `truncate` class on the URL text to work properly and prevent overflow.
 (#1892)

---
 frontend/src/components/ui-new/views/PreviewControls.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/ui-new/views/PreviewControls.tsx b/frontend/src/components/ui-new/views/PreviewControls.tsx
index bc5b2af0..a3d57168 100644
--- a/frontend/src/components/ui-new/views/PreviewControls.tsx
+++ b/frontend/src/components/ui-new/views/PreviewControls.tsx
@@ -65,7 +65,7 @@ export function PreviewControls({
         {/* Controls row: URL bar + Start/Stop button */}
         <div className="flex items-center gap-half p-base">
           {url && (
-            <div className="flex items-center gap-half bg-panel rounded-sm px-base py-half flex-1">
+            <div className="flex items-center gap-half bg-panel rounded-sm px-base py-half flex-1 min-w-0">
               <span className="flex-1 font-mono text-sm text-low truncate">
                 {url}
               </span>