diff --git a/layouts/admin.vue b/layouts/admin.vue
index 443e5fd..b530209 100644
--- a/layouts/admin.vue
+++ b/layouts/admin.vue
@@ -3,10 +3,11 @@
     <v-navigation-drawer 
       v-model="drawer" 
       app 
-      :width="miniVariant ? 56 : 280" 
       :rail="miniVariant"
       :expand-on-hover="false"
       permanent
+      width="280"
+      rail-width="56"
       class="enhanced-glass-drawer"
     >
       <!-- Enhanced Logo Section -->
@@ -52,7 +53,7 @@
         </v-tooltip>
 
         <!-- User Management -->
-        <v-list-group value="users">
+        <v-list-group value="users" v-show="!miniVariant">
           <template v-slot:activator="{ props }">
             <v-list-item
               v-bind="props"
@@ -87,7 +88,7 @@
         </v-list-group>
 
         <!-- Member Management -->
-        <v-list-group value="members">
+        <v-list-group value="members" v-show="!miniVariant">
           <template v-slot:activator="{ props }">
             <v-list-item
               v-bind="props"
@@ -118,7 +119,7 @@
         </v-list-group>
 
         <!-- Financial Management -->
-        <v-list-group value="financial">
+        <v-list-group value="financial" v-show="!miniVariant">
           <template v-slot:activator="{ props }">
             <v-list-item
               v-bind="props"
@@ -149,7 +150,7 @@
         </v-list-group>
 
         <!-- System Configuration -->
-        <v-list-group value="system">
+        <v-list-group value="system" v-show="!miniVariant">
           <template v-slot:activator="{ props }">
             <v-list-item
               v-bind="props"
@@ -508,14 +509,7 @@ const openKeycloak = () => {
 };
 
 const toggleDrawer = () => {
-  if (!drawer.value) {
-    drawer.value = true;
-    miniVariant.value = false;
-  } else if (miniVariant.value) {
-    miniVariant.value = false;
-  } else {
-    miniVariant.value = true;
-  }
+  miniVariant.value = !miniVariant.value;
 };
 
 const toggleCommandPalette = () => {
diff --git a/layouts/board.vue b/layouts/board.vue
index 81c3831..e140100 100644
--- a/layouts/board.vue
+++ b/layouts/board.vue
@@ -3,10 +3,11 @@
     <v-navigation-drawer 
       v-model="drawer" 
       app 
-      :width="miniVariant ? 56 : 280" 
       :rail="miniVariant"
       :expand-on-hover="false"
       permanent
+      width="280"
+      rail-width="56"
       class="enhanced-glass-drawer"
     >
       <!-- Enhanced Logo Section -->
@@ -52,7 +53,7 @@
         </v-tooltip>
 
         <!-- Member Management -->
-        <v-list-group value="members">
+        <v-list-group value="members" v-show="!miniVariant">
           <template v-slot:activator="{ props }">
             <v-list-item
               v-bind="props"
@@ -92,7 +93,7 @@
         </v-list-group>
 
         <!-- Events & Meetings -->
-        <v-list-group value="events">
+        <v-list-group value="events" v-show="!miniVariant">
           <template v-slot:activator="{ props }">
             <v-list-item
               v-bind="props"
@@ -389,14 +390,7 @@ onMounted(async () => {
 });
 
 const toggleDrawer = () => {
-  if (!drawer.value) {
-    drawer.value = true;
-    miniVariant.value = false;
-  } else if (miniVariant.value) {
-    miniVariant.value = false;
-  } else {
-    miniVariant.value = true;
-  }
+  miniVariant.value = !miniVariant.value;
 };
 
 const toggleSearch = () => {
diff --git a/layouts/member.vue b/layouts/member.vue
index e0be7bf..a31d718 100644
--- a/layouts/member.vue
+++ b/layouts/member.vue
@@ -3,10 +3,11 @@
     <v-navigation-drawer 
       v-model="drawer" 
       app 
-      :width="miniVariant ? 56 : 280"
       :rail="miniVariant"
       :expand-on-hover="false"
       permanent
+      width="280"
+      rail-width="56"
       class="enhanced-glass-drawer"
     >
       <!-- Logo Section with Enhanced Glass Effect -->
@@ -285,14 +286,7 @@ onMounted(async () => {
 });
 
 const toggleDrawer = () => {
-  if (!drawer.value) {
-    drawer.value = true;
-    miniVariant.value = false;
-  } else if (miniVariant.value) {
-    miniVariant.value = false;
-  } else {
-    miniVariant.value = true;
-  }
+  miniVariant.value = !miniVariant.value;
 };
 
 const handleLogout = async () => {