diff --git a/chrome.html b/chrome.html
index 0d6881bc..87fad454 100644
--- a/chrome.html
+++ b/chrome.html
@@ -384,7 +384,10 @@
   /* Fixed width (not max-width) so every chip is the same size — the row
      reads as a grid. Title-only labels keep this width workable; renderer
      trims descriptors after " — ". */
-  .bm { display: flex; align-items: center; gap: 6px; width: 150px; flex: 0 0 150px; padding: 4px 10px; border-radius: 6px;
+  /* Chips share the row: full width while there is room, shrinking together
+     (down to an icon and a few letters) as more are saved, instead of a
+     fixed 150 px that pushed the newest ones out of sight. */
+  .bm { display: flex; align-items: center; gap: 6px; flex: 1 1 150px; min-width: 44px; max-width: 150px; padding: 4px 10px; border-radius: 6px;
         background: var(--surface2); border: 1px solid var(--hover); color: var(--mut); font-size: 12.5px; cursor: grab; white-space: nowrap; }
   .bm:hover { background: var(--active); color: var(--ink); }
   .bm.dragging { opacity: .45; cursor: grabbing; }