diff --git a/app/resources/js/components/layout/AppSidebar.vue b/app/resources/js/components/layout/AppSidebar.vue
index 5cefc59a..95efa365 100644
--- a/app/resources/js/components/layout/AppSidebar.vue
+++ b/app/resources/js/components/layout/AppSidebar.vue
@@ -109,9 +109,14 @@ defineExpose({ navGroups });
     color: #E8E2D4;
     padding: 20px 14px;
     width: 232px;
-    min-height: 100vh;
+    height: 100vh;
     display: flex;
     flex-direction: column;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1006;
+    overflow-y: auto;
 }
 
 .ld-sidebar__brand {
diff --git a/app/resources/js/layouts/AppLayout.vue b/app/resources/js/layouts/AppLayout.vue
index 6712da0b..5cedec81 100644
--- a/app/resources/js/layouts/AppLayout.vue
+++ b/app/resources/js/layouts/AppLayout.vue
@@ -81,5 +81,6 @@ usePolling(loadReminderCounts, { intervalMs: 60_000, enabled: true });
 <style scoped>
 .app-main {
     background: #f6f3ec;
+    padding-left: 232px;
 }
 </style>