diff --git a/src/layouts/leftMenu.layout.vue b/src/layouts/leftMenu.layout.vue
index d570d2c..2275319 100644
--- a/src/layouts/leftMenu.layout.vue
+++ b/src/layouts/leftMenu.layout.vue
@@ -44,7 +44,7 @@ const appStore = useAppStore()
       embedded
       :native-scrollbar="false"
     >
-      <n-layout-header bordered position="absolute" class="z-1">
+      <n-layout-header bordered position="absolute" class="z-999">
         <div v-if="!appStore.contentFullScreen" class="h-60px flex-y-center justify-between">
           <div class="flex-y-center h-full">
             <CollapaseButton />
diff --git a/src/layouts/mixMenu.layout.vue b/src/layouts/mixMenu.layout.vue
index 7beea9a..bf5e816 100644
--- a/src/layouts/mixMenu.layout.vue
+++ b/src/layouts/mixMenu.layout.vue
@@ -99,7 +99,7 @@ function updateTopMenu(key: string) {
       embedded
       :native-scrollbar="false"
     >
-      <n-layout-header bordered position="absolute" class="z-1">
+      <n-layout-header bordered position="absolute" class="z-999">
         <div v-if="!appStore.contentFullScreen" class="h-60px flex-y-center justify-between">
           <CollapaseButton />
           <n-menu
diff --git a/src/layouts/topMenu.layout.vue b/src/layouts/topMenu.layout.vue
index 238adb6..d549b4a 100644
--- a/src/layouts/topMenu.layout.vue
+++ b/src/layouts/topMenu.layout.vue
@@ -22,7 +22,7 @@ const appStore = useAppStore()
       class="h-full flex flex-col" content-style="display: flex;flex-direction: column;min-height:100%;"
       embedded :native-scrollbar="false"
     >
-      <n-layout-header bordered position="absolute" class="z-1">
+      <n-layout-header bordered position="absolute" class="z-999">
         <div v-if="!appStore.contentFullScreen" class="h-60px flex-y-center justify-between shrink-0">
           <Logo v-if="appStore.showLogo" />
           <Menu mode="horizontal" responsive />