diff --git a/ui/src/app/connection-manager/connection-manager.html b/ui/src/app/connection-manager/connection-manager.html
index 803b37b..fac8b25 100644
--- a/ui/src/app/connection-manager/connection-manager.html
+++ b/ui/src/app/connection-manager/connection-manager.html
@@ -5,10 +5,10 @@
     [resizable]="false"
     (closeRequested)="close()"
   />
-  <!-- header: on macOS this row IS the titlebar (hiddenInset + drag region),
-       elsewhere the native titlebar sits above and this is a compact strip -->
+  <!-- Toolbar strip under the title bar. h-9/pl-3 are load-bearing: without a
+       height this row collapses onto the icon and the screen reads as broken. -->
   <header
-    class="w7-toolbar flex shrink-0 items-center gap-2 border-b border-border bg-chrome pr-2"
+    class="w7-toolbar flex h-9 shrink-0 items-center gap-2 border-b border-border bg-chrome pr-2 pl-3"
   >
     <ng-icon name="mynaServers" size="0.95rem" class="shrink-0 text-muted-foreground" />
     <h1 class="text-sm font-semibold">{{ i18n.t('connMgr.title') }}</h1>
diff --git a/ui/src/app/editor-window/editor-window.html b/ui/src/app/editor-window/editor-window.html
index 305d799..fcc404a 100644
--- a/ui/src/app/editor-window/editor-window.html
+++ b/ui/src/app/editor-window/editor-window.html
@@ -13,10 +13,10 @@
     <!-- The window is frameless. The X runs the SAME dirty prompt as ⌘W and
          the Close button — never a raw window close. -->
     <app-title-bar [title]="ctx.name + (dirty() ? ' *' : '')" (closeRequested)="requestClose()" />
-    <!-- header: on macOS this row IS the titlebar (hiddenInset + drag region),
-         elsewhere the native titlebar sits above and this is a compact strip -->
+    <!-- Toolbar strip under the title bar. h-9/pl-3 are load-bearing: without a
+         height this row collapses onto the icon and the screen reads as broken. -->
     <header
-      class="w7-toolbar flex shrink-0 items-center gap-2 border-b border-border bg-chrome pr-2"
+      class="w7-toolbar flex h-9 shrink-0 items-center gap-2 border-b border-border bg-chrome pr-2 pl-3"
     >
       <ng-icon name="mynaFileText" size="0.95rem" class="shrink-0 text-muted-foreground" />
       <h1 class="min-w-0 truncate font-mono text-sm font-semibold">
diff --git a/ui/src/app/file-panel/file-panel.html b/ui/src/app/file-panel/file-panel.html
index d1098cf..89cae83 100644
--- a/ui/src/app/file-panel/file-panel.html
+++ b/ui/src/app/file-panel/file-panel.html
@@ -241,8 +241,13 @@
   <!-- 7.css ListView: a plain <table>. The header is <thead> (7.css makes it
        position:sticky, which is why it moved in here), the sorted column is
        .highlighted.indicator[.up], and the selection band is tr.highlighted.
-       Widths come from <colgroup> because 7.css sets table-layout:fixed. -->
-  <table [class.is-active]="isActive()">
+       Widths come from <colgroup> because 7.css sets table-layout:fixed.
+       `w-full` is Tailwind's job and safe here: 7.css never declares `width` on
+       table, so the `skin` layer has nothing to outrank `utilities` with.
+       Without it the fixed layout shrinks to content and leaves a dead grey
+       gutter down the right of the pane; with it the unsized first <col>
+       absorbs the slack, which is what makes Name the elastic column. -->
+  <table class="w-full" [class.is-active]="isActive()">
     <colgroup>
       <col />
       @for (col of visibleColumns(); track col.key) {
diff --git a/ui/src/app/tab-bar/tab-bar.ts b/ui/src/app/tab-bar/tab-bar.ts
index 3297196..6b87bd2 100644
--- a/ui/src/app/tab-bar/tab-bar.ts
+++ b/ui/src/app/tab-bar/tab-bar.ts
@@ -38,11 +38,12 @@ const CONCURRENCY_CHOICES = [2, 3, 4, 6, 8] as const;
   selector: 'app-tab-bar',
   imports: [NgIcon],
   template: `
-    <!-- On macOS this row IS the titlebar (hiddenInset): taller, padded past the
-         traffic lights, and draggable. Elsewhere it's a normal compact row. -->
+    <!-- The workspace strip, directly under the title bar. Draggable so the
+         empty stretch between the tabs and the right-hand tools still moves the
+         frameless window. ONE class attribute: a second one is silently dropped
+         by the template parser, which is exactly how this row lost its height. -->
     <div
-      class="w7-toolbar relative flex items-center gap-0.5 border-b border-border bg-chrome pr-1.5 electrobun-webkit-app-region-drag"
-      class="h-9 pt-1 pl-1.5"
+      class="w7-toolbar relative flex h-9 items-center gap-0.5 border-b border-border bg-chrome pt-1 pr-1.5 pl-1.5 electrobun-webkit-app-region-drag"
     >
       <div
         #tabScroll