diff --git a/src/frontend/styles/components/header.pcss b/src/frontend/styles/components/header.pcss
index 40be0ea..d858ba3 100644
--- a/src/frontend/styles/components/header.pcss
+++ b/src/frontend/styles/components/header.pcss
@@ -1,3 +1,7 @@
+html {
+    scroll-padding-top: var(--layout-height-header);
+}
+
 .docs-header {
   display: flex;
   justify-content: space-between;
@@ -6,7 +10,6 @@
   border-bottom: 1px solid var(--color-line-gray);
   font-size: 18px;
   flex-wrap: wrap;
-  position: relative;
   height: var(--layout-height-header);
   box-sizing: border-box;
   position: sticky;