diff --git a/src/components/Header.astro b/src/components/Header.astro
index 9f87929..5635248 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -11,8 +11,7 @@ const currentPath = pathname.slice(1);
   id="nav"
   class="fixed flex flex-wrap md:flex-nowrap md:justify-start inset-x-0 top-0 w-full z-50"
 >
-  <div class="bg-background absolute top-0 bottom-0 left-0 z-0 w-full h-24"/>
-  <div class="bg-linear-to-b from-background to-transparent absolute top-24 bottom-0 left-0 w-full h-12 z-0"/>
+  <div class="bg-linear-to-b from-background from-65% to-transparent to-90% absolute top-0 bottom-0 left-0 w-full h-36 z-0"/>
   <nav
     class="nav-base relative md:flex md:items-center md:justify-between rounded-[36px] w-full px-4 mx-2 py-3 mt-4"
     aria-label="Global"