diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 0b2d68f..d97b96d 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -950,6 +950,16 @@ $screen-xl: 1280px;
 
 // Keep hamburger menu visible - removed the hiding CSS
 
+// Ensure hamburger button is visible and clickable
+.glass-app-bar {
+  .v-btn:first-child {
+    display: flex !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    z-index: 10 !important;
+  }
+}
+
 // Animation classes
 .animated-entrance {
   animation: slide-up 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both !important;
diff --git a/layouts/board.vue b/layouts/board.vue
index 2e70f92..70de208 100644
--- a/layouts/board.vue
+++ b/layouts/board.vue
@@ -478,6 +478,9 @@ const memberData = computed<Member | null>(() => sessionData.value?.member || nu
 
 // Load board-specific notifications
 onMounted(async () => {
+  // Debug initial state
+  console.log('Board layout mounted - drawer:', drawer.value, 'miniVariant:', miniVariant.value);
+  
   try {
     const [notificationsRes, applicationsRes] = await Promise.all([
       $fetch('/api/board/notifications/count'),
@@ -492,7 +495,9 @@ onMounted(async () => {
 });
 
 const toggleDrawer = () => {
+  console.log('Board toggleDrawer called, current miniVariant:', miniVariant.value);
   miniVariant.value = !miniVariant.value;
+  console.log('Board miniVariant after toggle:', miniVariant.value);
 };
 
 const toggleSearch = () => {