diff --git a/src/components/navigation/NavigationReact.jsx b/src/components/navigation/NavigationReact.jsx
index 654c4a1..f72fdbe 100644
--- a/src/components/navigation/NavigationReact.jsx
+++ b/src/components/navigation/NavigationReact.jsx
@@ -63,7 +63,7 @@ function NavigationReact(props) {
   }
 
   return (
-    <nav className="border-b-2 z-50 filter bg-white bg-opacity-90 backdrop-blur-xl ">
+    <nav className="border-b-2 z-3 filter bg-white bg-opacity-90 backdrop-blur-xl ">
       <div className="flex max-w-screen-xl mx-auto h-14 px-4 xl:px-0 items-center">
         <div className="flex-1">
           <a className="flex w-fit items-center gap-1 lg:gap-2" href="/">
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index e09c0b9..0d4326a 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -39,7 +39,7 @@ const {
       <a class="skip-to-content" href="#main" aria-label="Skip to content"
         >Skip to content</a
       >
-      <header class="sticky left-0 right-0 top-0">
+      <header class="z-50 sticky left-0 right-0 top-0">
         <NavigationReact client:load currentURL={Astro.request.url} />
         <BetaBanner client:load url={Astro.request.url}/>
       </header>