diff --git a/src/App.tsx b/src/App.tsx
index 6a6d8b1..f0eb35f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -214,19 +214,14 @@ export default function App() {
     return "Nothing matches this filter.";
   };
 
+  // Each pane reserves its own strip for the traffic lights instead of one
+  // band across the top, so the sidebar's right border runs unbroken from the
+  // very top of the window. In macOS window fullscreen there are no traffic
+  // lights, so the inset collapses.
+  const titleBarInset = !windowFullscreen;
+
   return (
     <div className="flex h-screen flex-col">
-      {/* The webview paints the title bar itself. It sits directly above the
-          sidebar and top bar, so it takes the panel colour, not the page's.
-          In macOS window fullscreen the traffic lights are gone, so the strip
-          would just be a blank bar — it collapses instead. */}
-      {!windowFullscreen && (
-        <div
-          data-tauri-drag-region
-          className="h-9 shrink-0 bg-white dark:bg-slate-900"
-        />
-      )}
-
       <div className="relative flex min-h-0 flex-1 flex-col lg:flex-row">
         {/* With the sidebar hidden, a thin strip along the left edge brings it
             back on hover. */}
@@ -251,6 +246,7 @@ export default function App() {
               totalVideos={totals.videos}
               totalDownloaded={totals.downloaded}
               onHide={() => { setSidebarHidden(true); setSidebarPeek(false); }}
+              titleBarInset={titleBarInset}
             />
           </div>
         )}
@@ -264,6 +260,7 @@ export default function App() {
             totalVideos={totals.videos}
             totalDownloaded={totals.downloaded}
             onHide={() => setSidebarHidden(true)}
+            titleBarInset={titleBarInset}
           />
         )}
 
@@ -279,6 +276,7 @@ export default function App() {
           view={view} onView={setView}
           sidebarHidden={sidebarHidden}
           onShowSidebar={() => { setSidebarHidden(false); setSidebarPeek(false); }}
+          titleBarInset={titleBarInset}
         />
 
         {!online && (
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 20fdcb5..5c6b0f7 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -11,11 +11,13 @@ interface Props {
   onHide: () => void;
   /** True when revealed by hover over the left edge rather than pinned open. */
   floating?: boolean;
+  /** Reserve room for the macOS traffic lights above the header. */
+  titleBarInset: boolean;
 }
 
 export default function Sidebar({
   channels, activeChannel, onSelect, onOpenSettings, totalVideos, totalDownloaded,
-  onHide, floating,
+  onHide, floating, titleBarInset,
 }: Props) {
   const row =
     "flex w-full cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 " +
@@ -35,6 +37,10 @@ export default function Sidebar({
             "lg:border-b-0 lg:border-r")
       }
     >
+      {/* The pane starts at the very top of the window so its right border is
+          one unbroken line; this reserves the strip the traffic lights sit in. */}
+      {titleBarInset && <div data-tauri-drag-region className="h-9 shrink-0" />}
+
       <header
         className="sticky top-0 z-20 flex items-center justify-between gap-2 border-b
                    border-slate-200 bg-white/95 px-4 py-3 backdrop-blur
diff --git a/src/components/TopBar.tsx b/src/components/TopBar.tsx
index d10666b..ffc6d72 100644
--- a/src/components/TopBar.tsx
+++ b/src/components/TopBar.tsx
@@ -21,6 +21,8 @@ interface Props {
   onView: (v: ViewMode) => void;
   sidebarHidden: boolean;
   onShowSidebar: () => void;
+  /** Matches the sidebar's inset so the two headers share a baseline. */
+  titleBarInset: boolean;
 }
 
 /** Neutral outline until active; active is the one filled state. */
@@ -56,7 +58,7 @@ export default function TopBar({
   search, onSearch, downloadedOnly, onDownloadedOnly, hideShorts, onHideShorts,
   online, reachable, forcedOffline, onToggleForcedOffline,
   onRefresh, refreshing, refreshProgress, resultCount, view, onView,
-  sidebarHidden, onShowSidebar,
+  sidebarHidden, onShowSidebar, titleBarInset,
 }: Props) {
   const pct = refreshProgress && refreshProgress.total > 0
     ? (refreshProgress.done / refreshProgress.total) * 100
@@ -67,6 +69,8 @@ export default function TopBar({
       className="sticky top-0 z-20 border-b border-slate-200 bg-white/95 backdrop-blur
                  dark:border-slate-800 dark:bg-slate-900/95"
     >
+      {titleBarInset && <div data-tauri-drag-region className="h-9" />}
+
       <div className="flex flex-wrap items-center gap-2 px-4 py-3">
         {sidebarHidden && (
           <button