diff --git a/src/components/Header/Header.module.scss b/src/components/Header/Header.module.scss
index f2e1c8f13..1cd7a3ad4 100644
--- a/src/components/Header/Header.module.scss
+++ b/src/components/Header/Header.module.scss
@@ -4,7 +4,8 @@
   width: 100%;
   position: fixed;
   background-color: white;
-  z-index: 10;
+  z-index: 10000;
+  top: 0px;
   display: flex;
   flex-direction: column;
   align-items: center;
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 9fc791415..6b4927654 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -25,6 +25,7 @@
   --demo-account: #377cfc;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
   --nav-height: 72px;
+  --navtop-height: 53px;
   --ifm-menu-color: #414652;
   --ifm-menu-link-sublist-icon-2: url(/img/arrow_sidebar.svg);
   --ifm-menu-link-padding-vertical: 9px;
@@ -159,6 +160,7 @@ html,
 body {
   overflow-x: hidden;
   overflow-anchor: none;
+  padding-top: var(--navtop-height);
 }
 
 .hidden {