diff --git a/static/styles.css b/static/styles.css
index 4a7a01f..8c72665 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -516,10 +516,10 @@ td {
 .task-body-wrap, .task-page-wrap { position: relative; overflow: hidden; }
 .task-body { padding: 20px; display: flex; flex-direction: column; gap: 16px; transition: margin-right 0.25s ease; }
 .task-drawer {
-  position: absolute; top: 0; right: 0; width: 420px; height: 100%;
+  position: fixed; top: 0; right: 0; width: 420px; height: 100vh;
   background: #fff; border-left: 1px solid #e2e8f0;
   transform: translateX(100%); transition: transform 0.25s ease;
-  z-index: 10; display: flex; flex-direction: column;
+  z-index: 300; display: flex; flex-direction: column;
 }
 .task-drawer.open { transform: translateX(0); }
 .task-drawer-hd {