diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9f877fa..99d6076 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -216,25 +216,16 @@
 
   <!-- Task sidebar as overlay — doesn't shrink main content -->
   {#if page.taskSidebarOpen && page.current !== "first-run" && !isSecondaryWindow}
+    <!-- Backdrop — below titlebar only, closes sidebar on click -->
     <!-- svelte-ignore a11y_click_events_have_key_events -->
     <!-- svelte-ignore a11y_no_static_element_interactions -->
     <div
-      class="fixed inset-0 z-40"
-      onclick={(e) => { if (e.target === e.currentTarget) page.taskSidebarOpen = false; }}
-    >
-      <!-- Backdrop tint (click this area to close) -->
-      <!-- svelte-ignore a11y_no_static_element_interactions -->
-      <div
-        class="absolute inset-0 bg-black/10"
-        onclick={() => { page.taskSidebarOpen = false; }}
-      ></div>
-      <!-- Sidebar panel (clicks here stay in the sidebar) -->
-      <div
-        class="absolute top-[36px] right-0 bottom-0 w-[280px] z-50 shadow-xl"
-        onclick={(e) => e.stopPropagation()}
-      >
-        <TaskSidebar />
-      </div>
+      class="fixed top-[36px] left-0 right-[280px] bottom-0 z-40"
+      onclick={() => { page.taskSidebarOpen = false; }}
+    ></div>
+    <!-- Sidebar panel -->
+    <div class="fixed top-[36px] right-0 bottom-0 w-[280px] z-50 shadow-xl">
+      <TaskSidebar />
     </div>
   {/if}
 {/if}