diff --git a/src/assets/css/base.scss b/src/assets/css/base.scss
index 03ad9ee..23c4789 100644
--- a/src/assets/css/base.scss
+++ b/src/assets/css/base.scss
@@ -16,6 +16,7 @@
   --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
   --vt-c-text-dark-1: var(--vt-c-white);
   --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+  --status-bar-height: 20px;
 }
 
 /* semantic color variables for this project */
diff --git a/src/assets/css/public.scss b/src/assets/css/public.scss
index 8f88733..68c2b25 100644
--- a/src/assets/css/public.scss
+++ b/src/assets/css/public.scss
@@ -1,3 +1,7 @@
+.van-nav-bar {
+  padding-top: var(--status-bar-height) !important;
+  height: calc(46px + var(--status-bar-height)) !important;
+}
 .van-cell {
   padding: 8px !important;
 }