From 53b906423ac14cb01dbebc949bbf9ec76b34ff33 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Thu, 20 Mar 2025 18:12:43 -0500
Subject: [PATCH] Overflow needs to be on the nearest item

---
 app/views/bubbles/pins/_pin.html.erb | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/views/bubbles/pins/_pin.html.erb b/app/views/bubbles/pins/_pin.html.erb
index 40c95b1ea..40e7a4fcc 100644
--- a/app/views/bubbles/pins/_pin.html.erb
+++ b/app/views/bubbles/pins/_pin.html.erb
@@ -5,9 +5,9 @@
           data: { action: "click->dialog#close", turbo_frame: "_top" },
           style: "--bubble-color: #{ pin.bubble.color };" do %>
       <div class="flex flex-column min-width flex-item-grow">
-        <div class="pin__header flex align-end txt-uppercase">
-          <div class="pin__bucket flex-inline flex-item-justify-start overflow-ellipsis txt-reversed">
-            <span class="txt-x-small"><%= pin.bubble.bucket.name %></span>
+        <div class="pin__header flex gap-half align-end txt-uppercase">
+          <div class="pin__bucket flex-inline flex-item-justify-start txt-reversed min-width">
+            <span class="txt-x-small overflow-ellipsis"><%= pin.bubble.bucket.name %></span>
           </div>
 
           <% if pin.bubble&.stage %>