From c95febb1d5c0a4533810ae94e61bd84c4ac345bc Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Thu, 26 Feb 2026 22:53:01 +0000
Subject: [PATCH] tui: fix session tab alignment in compact view to prevent
 vertical overflow

---
 packages/app/src/components/session/session-sortable-tab.tsx | 4 ++--
 packages/ui/src/components/tabs.css                          | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/components/session/session-sortable-tab.tsx b/packages/app/src/components/session/session-sortable-tab.tsx
index c1e2da712..a304df2ed 100644
--- a/packages/app/src/components/session/session-sortable-tab.tsx
+++ b/packages/app/src/components/session/session-sortable-tab.tsx
@@ -37,8 +37,8 @@ export function SortableTab(props: { tab: string; onTabClose: (tab: string) => v
     return <FileVisual path={value} />
   })
   return (
-    <div use:sortable classList={{ "h-full": true, "opacity-0": sortable.isActiveDraggable }}>
-      <div class="relative h-full">
+    <div use:sortable class="h-full flex items-center" classList={{ "opacity-0": sortable.isActiveDraggable }}>
+      <div class="relative">
         <Tabs.Trigger
           value={props.tab}
           closeButton={
diff --git a/packages/ui/src/components/tabs.css b/packages/ui/src/components/tabs.css
index 43b74cf33..23de4ee05 100644
--- a/packages/ui/src/components/tabs.css
+++ b/packages/ui/src/components/tabs.css
@@ -171,7 +171,7 @@
 
     [data-slot="tabs-trigger-wrapper"] {
       height: var(--tabs-compact-pill-height);
-      margin-block: calc((var(--tabs-bar-height) - var(--tabs-compact-pill-height)) / 2);
+      margin-block: 0;
       max-width: 320px;
       padding-inline: var(--tabs-compact-pill-padding-x);
       box-sizing: border-box;