diff --git a/site/src/layouts/header/index.vue b/site/src/layouts/header/index.vue
index c2f27a8fd5..0b2a5df582 100644
--- a/site/src/layouts/header/index.vue
+++ b/site/src/layouts/header/index.vue
@@ -20,19 +20,7 @@
       Surely Form AI 助手内测开放申请   
       <a target="_blank" href="https://form.antdv.com">立即申请</a>
     </div>
-    <a-popover
-      v-model:open="menuVisible"
-      overlay-class-name="popover-menu"
-      placement="bottomRight"
-      trigger="click"
-      arrow-point-at-center
-    >
-      <UnorderedListOutlined class="nav-phone-icon" />
-      <template #content>
-        <Menu :is-mobile="isMobile" />
-      </template>
-    </a-popover>
-    <a-row :style="{ flexFlow: 'nowrap', height: 64 }">
+    <a-row :style="{ flexFlow: 'nowrap', height: 64, position: 'relative' }">
       <a-col v-bind="colProps[0]">
         <Logo />
       </a-col>
@@ -45,6 +33,18 @@
         />
         <Menu v-if="!isMobile" />
       </a-col>
+      <a-popover
+        v-model:open="menuOpen"
+        overlay-class-name="popover-menu"
+        placement="bottomRight"
+        trigger="click"
+        arrow-point-at-center
+      >
+        <UnorderedListOutlined class="nav-phone-icon" />
+        <template #content>
+          <Menu :is-mobile="isMobile" />
+        </template>
+      </a-popover>
     </a-row>
     <a-modal
       title="新版发布，邀您体验"
@@ -105,7 +105,7 @@ export default defineComponent({
       return ['', 'index', 'index-cn'].includes(route.path);
     });
 
-    const menuVisible = ref(false);
+    const menuOpen = ref(false);
     const colProps = isHome.value
       ? [{ flex: 'none' }, { flex: 'auto' }]
       : [
@@ -175,7 +175,7 @@ export default defineComponent({
         'home-header': isHome.value,
       },
       colProps,
-      menuVisible,
+      menuOpen,
       onTriggerSearching,
       visibleAlertBanner,
       cancelButtonProps,
diff --git a/site/src/theme/static/responsive.less b/site/src/theme/static/responsive.less
index 6e67d2a624..eff4d4aaa1 100644
--- a/site/src/theme/static/responsive.less
+++ b/site/src/theme/static/responsive.less
@@ -1,12 +1,13 @@
 .nav-phone-icon {
   position: absolute;
-  top: 25px;
-  right: 30px;
+  top: 50%;
+  right: 16px;
+  transform: translateY(-50%);
   z-index: 1;
   display: none;
-  width: 16px;
-  height: 22px;
   cursor: pointer;
+  font-size: 18px;
+  color: var(--text-color);
 }
 
 @media only screen and (max-width: 992px) {