diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index ac367402..578b9cb0 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -175,7 +175,13 @@ onMounted(async () => {
       <!-- drawer control -->
       <div
         style="position: relative"
-        :style="$q.screen.gt.xs ? 'z-index: 9999' : 'z-index: 9998'"
+        :style="
+          $q.screen.gt.xs
+            ? leftDrawerOpen
+              ? 'z-index: 9999'
+              : 'z-index: 999'
+            : 'z-index: 1'
+        "
       >
         <q-avatar
           size="36px"