diff --git a/packages/vuepress-theme-vt/styles/header.styl b/packages/vuepress-theme-vt/styles/header.styl
index 7bdd35d..758c18b 100644
--- a/packages/vuepress-theme-vt/styles/header.styl
+++ b/packages/vuepress-theme-vt/styles/header.styl
@@ -7,8 +7,8 @@
         &::before {
             display: block;
             content: ' ';
-            margin-top: -70px;
-            height: 70px;
+            margin-top: calc(-1 * (var(--vp-navbar-height) + var(--vp-statusbar-height) + 0.75rem));
+            height: calc(var(--vp-navbar-height) + var(--vp-statusbar-height) + 0.75rem);
             visibility: hidden;
             pointer-events: none;
         }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 33b445e..c43b9e1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -25,7 +25,7 @@ importers:
   packages/docs:
     specifiers:
       vuepress: 1.9.7
-      vuepress-theme-vt: 0.6.2
+      vuepress-theme-vt: 0.6.3
     devDependencies:
       vuepress: 1.9.7
       vuepress-theme-vt: link:../vuepress-theme-vt
@@ -67,7 +67,7 @@ importers:
       vue-toasted: ^1.1.25
       vuepress: 1.9.7
       vuepress-plugin-flowchart: ^1.4.2
-      vuepress-theme-vt: 0.6.2
+      vuepress-theme-vt: 0.6.3
     devDependencies:
       '@vuepress/plugin-back-to-top': 1.9.7
       '@vuepress/plugin-google-analytics': 1.9.7