From d4e3062a67211687b57b8ba93e5b3ce29dbafea8 Mon Sep 17 00:00:00 2001
From: Dilson's Pickles <a.dawson@mu.se>
Date: Thu, 29 Feb 2024 22:56:09 +1100
Subject: [PATCH] Fix beta buttons overlapping nav

---
 src/components/navigation/NavigationReact.jsx | 2 +-
 src/layouts/BaseLayout.astro                  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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>