diff --git a/web/src/layouts/MainLayout.astro b/web/src/layouts/MainLayout.astro
index 0fd2bc0..351de9c 100644
--- a/web/src/layouts/MainLayout.astro
+++ b/web/src/layouts/MainLayout.astro
@@ -20,6 +20,6 @@ const slideAnimation = {
 };
 ---
 
-<main transition:animate={slideAnimation} class="pt-[100px] min-h-screen">
+<main transition:animate={slideAnimation} class="pt-header min-h-screen">
   <slot />
 </main>
diff --git a/web/tailwind.config.cjs b/web/tailwind.config.cjs
index ca29fab..080a306 100644
--- a/web/tailwind.config.cjs
+++ b/web/tailwind.config.cjs
@@ -49,6 +49,7 @@ module.exports = {
       padding: {
         main: "var(--padding-main)",
         card: "var(--padding-card)",
+        header: "var(--height-header)",
       },
       height: {
         header: "var(--height-header)",