diff --git a/src/components/DrawerComponent.vue b/src/components/DrawerComponent.vue
index c1ea0b41..61cd2503 100644
--- a/src/components/DrawerComponent.vue
+++ b/src/components/DrawerComponent.vue
@@ -157,8 +157,4 @@ function navigateTo(label: string, destination: string) {
     }
   }
 }
-
-:deep(.q-drawer) {
-  z-index: 9999 !important;
-}
 </style>
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 578b9cb0..58b5aa67 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -175,13 +175,7 @@ onMounted(async () => {
       <!-- drawer control -->
       <div
         style="position: relative"
-        :style="
-          $q.screen.gt.xs
-            ? leftDrawerOpen
-              ? 'z-index: 9999'
-              : 'z-index: 999'
-            : 'z-index: 1'
-        "
+        :style="$q.screen.gt.xs ? 'z-index: 1000' : 'z-index: 1'"
       >
         <q-avatar
           size="36px"