diff --git a/package-lock.json b/package-lock.json
index 4b13c46..6785fb6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,6 @@
         "@types/react": "^18.3.3",
         "@types/react-dom": "^18.3.0",
         "astro": "^4.8.6",
-        "astro-navbar": "^2.3.3",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "sharp": "^0.32.5",
@@ -3493,11 +3492,6 @@
         "astro": "^4.0.0-beta || ^3.3.0"
       }
     },
-    "node_modules/astro-navbar": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/astro-navbar/-/astro-navbar-2.3.3.tgz",
-      "integrity": "sha512-WAiQUVh3fS+bUw1oDcWpddFj30z3VgmMDmSjpU78idCXiV5t4KtlBvKV0mE/+hpcGLK0ji1evvCbk2wQ7wphyQ=="
-    },
     "node_modules/astro/node_modules/semver": {
       "version": "7.6.2",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
diff --git a/package.json b/package.json
index a486ef8..bba4e60 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,6 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "astro": "^4.8.6",
-    "astro-navbar": "^2.3.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sharp": "^0.32.5",
diff --git a/src/components/vgv_nav/vgv-nav.astro b/src/components/vgv_nav/vgv-nav.astro
index ee08317..398ac4f 100644
--- a/src/components/vgv_nav/vgv-nav.astro
+++ b/src/components/vgv_nav/vgv-nav.astro
@@ -5,15 +5,11 @@ import SiteTitle from "@astrojs/starlight/components/SiteTitle.astro";
 import SocialIcons from "@astrojs/starlight/components/SocialIcons.astro";
 import ThemeSelect from "@astrojs/starlight/components/ThemeSelect.astro";
 import type { Props } from "@astrojs/starlight/props";
-import { StickyHeader } from "astro-navbar";
 ---
 
-<StickyHeader
-  class="sticky top-0 z-20 transition-all backdrop-blur-2xl"
-  scrollY={0}
->
+<header class="sticky top-0 z-20 transition-all backdrop-blur-2xl">
   <div class="header-background"></div>
-  <header class="header">
+  <div class="header">
     <div class="inner-header sl-flex">
       <div class="title-wrapper sl-flex">
         <SiteTitle {...Astro.props} />
@@ -29,8 +25,8 @@ import { StickyHeader } from "astro-navbar";
         <LanguageSelect {...Astro.props} />
       </div>
     </div>
-  </header>
-</StickyHeader>
+  </div>
+</header>
 
 <style>
   .header-background {
@@ -41,7 +37,7 @@ import { StickyHeader } from "astro-navbar";
     padding: 0px;
     background-color: var(--vgv-nav-bg);
     opacity: var(--vgv-nav-opacity);
-    z-index: 0;
+    z-index: -1;
     pointer-events: none;
   }
   .header {
diff --git a/src/styles/vgv_brand.css b/src/styles/vgv_brand.css
index 4ae7f33..b7ed1ee 100644
--- a/src/styles/vgv_brand.css
+++ b/src/styles/vgv_brand.css
@@ -49,7 +49,7 @@
   --vgv-footer-text: var(--vgv-gray-30);
   --vgv-footer-bg: var(--vgv-navy);
 
-  --vgv-nav-bg: var(--vgv-gray-20);
+  --vgv-nav-bg: var(--vgv-gray-10);
   --vgv-nav-glow: var(--vgv-gray-10);
   --vgv-nav-opacity: 0.6;