From 3dc4f086aff5a46327efef463d0e65cd85a3ee5a Mon Sep 17 00:00:00 2001
From: Mega Mind <146339422+M3gA-Mind@users.noreply.github.com>
Date: Fri, 26 Jun 2026 19:12:11 +0530
Subject: [PATCH] fix(shell): clear macOS traffic lights in collapsed sidebar
 rail (#4171)

---
 app/src/components/layout/shell/RootShellLayout.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/src/components/layout/shell/RootShellLayout.tsx b/app/src/components/layout/shell/RootShellLayout.tsx
index f0cacc6a6..871e0bcf2 100644
--- a/app/src/components/layout/shell/RootShellLayout.tsx
+++ b/app/src/components/layout/shell/RootShellLayout.tsx
@@ -180,7 +180,13 @@ export default function RootShellLayout({ sidebar, children }: RootShellLayoutPr
           native CEF webview glued to the content's bounds, which composites
           above the HTML layer — starts to its right and never covers it. */}
       {!isOpen && (
-        <div className="flex w-14 flex-none flex-col items-center gap-0.5 border-r border-line bg-surface pt-2">
+        <div className="flex w-14 flex-none flex-col items-center gap-0.5 border-r border-line bg-surface">
+          {/* macOS overlay title bar (titleBarStyle: Overlay) floats the traffic
+              lights over the top-left. The expanded SidebarHeader dodges them by
+              right-aligning, but this narrow rail can't — so reserve a draggable
+              strip the height of the window controls and start the rail below it,
+              clear of the lights. */}
+          <div className="h-7 w-full flex-none" data-tauri-drag-region />
           <Tooltip label={t('layout.showSidebar')}>
             <button
               type="button"