diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index b86e175..d2eb449 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -92,6 +92,10 @@ const targets = [
 </header>
 
 <style lang="scss">
+  :root {
+    --navbar-block-size: 64px;
+  }
+
   header {
     display: flex;
     justify-content: space-between;
@@ -109,6 +113,7 @@ const targets = [
     padding-inline: 0.75rem;
     max-inline-size: 800px;
     inline-size: 100%;
+    block-size: var(--navbar-block-size);
 
     &::before {
       content: '';
diff --git a/src/styles/global.scss b/src/styles/global.scss
index fd05049..8bc1a43 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -12,7 +12,7 @@
 
 html {
   scroll-behavior: smooth;
-  scroll-padding-top: 4rem;
+  scroll-padding-top: calc(var(--navbar-block-size) + 1.5rem);
 }
 
 body {