diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index dbe50b5..b015e60 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -41,7 +41,8 @@
       "mcp__zen__thinkdeep",
       "mcp__serena__insert_after_symbol",
       "mcp__serena__replace_symbol_body",
-      "mcp__playwright__browser_fill_form"
+      "mcp__playwright__browser_fill_form",
+      "mcp__zen__debug"
     ],
     "deny": [],
     "ask": []
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index aed3f52..5e960d3 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -929,11 +929,19 @@ $screen-xl: 1280px;
   }
 }
 
-// Sidebar fixed width enforcement
+// Sidebar width configuration - respects rail mode
 .v-navigation-drawer {
-  width: 280px !important;
-  max-width: 280px !important;
-  min-width: 280px !important;
+  // Only apply fixed width when NOT in rail mode
+  &:not(.v-navigation-drawer--rail) {
+    width: 280px;
+    max-width: 280px;
+    min-width: 280px;
+  }
+  
+  // Ensure rail mode uses correct width
+  &.v-navigation-drawer--rail {
+    width: 56px !important;
+  }
   
   &__content {
     @include glass-effect(0.95, 10px);