diff --git a/src/layouts/common/GlobalHeader/components/HeaderMenu.vue b/src/layouts/common/GlobalHeader/components/HeaderMenu.vue
index cc6975e7b..fe128360c 100644
--- a/src/layouts/common/GlobalHeader/components/HeaderMenu.vue
+++ b/src/layouts/common/GlobalHeader/components/HeaderMenu.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex-1-hidden h-full px-10px">
     <n-scrollbar :x-scrollable="true" class="flex-1-hidden h-full" content-class="h-full">
-      <div class="flex-y-center h-full">
+      <div class="flex-y-center h-full" :style="{ justifyContent: theme.menu.horizontalPosition }">
         <n-menu
           :value="activeKey"
           mode="horizontal"
diff --git a/src/layouts/common/GlobalHeader/index.vue b/src/layouts/common/GlobalHeader/index.vue
index 676b6f334..006e2bfa3 100644
--- a/src/layouts/common/GlobalHeader/index.vue
+++ b/src/layouts/common/GlobalHeader/index.vue
@@ -5,9 +5,7 @@
       <menu-collapse v-if="showMenuCollapse" />
       <global-breadcrumb v-if="theme.header.crumb.visible" />
     </div>
-    <div v-else class="flex-1-hidden flex-y-center h-full" :style="{ justifyContent: theme.menu.horizontalPosition }">
-      <header-menu />
-    </div>
+    <header-menu v-else />
     <div class="flex justify-end h-full">
       <global-search />
       <github-site />