diff --git a/ui-electrobun/src/mainview/AgentPane.svelte b/ui-electrobun/src/mainview/AgentPane.svelte
index b1a00f1..f297492 100644
--- a/ui-electrobun/src/mainview/AgentPane.svelte
+++ b/ui-electrobun/src/mainview/AgentPane.svelte
@@ -111,7 +111,7 @@
     {#each messages as msg, idx (msg.id)}
       {@const isFirst = idx === 0}
       {@const isLast = idx === messages.length - 1}
-      {@const isTimeline = msg.role !== 'user'}
+      <!-- timeline rows have no gap; user bubbles get margin -->
       <div class="msg-row msg-animated">
         {#if msg.role === 'user'}
           <div class="user-bubble">{msg.content}</div>
@@ -249,7 +249,7 @@
     padding: 1.25rem 1.25rem 2.5rem;
     display: flex;
     flex-direction: column;
-    gap: 0.625rem;
+    gap: 0; /* No gap — timeline lines must connect between rows */
   }
 
   .messages-scroll::-webkit-scrollbar { width: 0.25rem; }
@@ -295,6 +295,7 @@
     border: 1px solid var(--ctp-surface1);
     border-radius: 6px;
     padding: 0.25rem 0.375rem;
+    margin: 0.5rem 0; /* spacing since parent gap is 0 */
     font-size: 0.8125rem;
     line-height: 1.5;
     color: var(--ctp-text);