diff --git a/src/components/Header.astro b/src/components/Header.astro
index ce00adc5a..cd34129db 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -11,7 +11,7 @@ import links from "@data/links.json";
 <section
   id="navbar"
 >
-<a href="/remote" class="hover:underline hover:text-primary-hover text-center px-2 bg-secondary text-white font-bold fixed top-0 w-full h-[40px] z-50 flex items-center justify-center">Can’t join us in Prague? Attend remotely — online options available!</a>
+<a href="/remote" class="bg-top-notification text-white hover:text-white hover:underline text-center px-2 font-bold fixed top-0 w-full h-[40px] z-50 flex items-center justify-center">Can’t join us in Prague? Attend remotely — online options available!</a>
   <div
     class="container max-w-[1150px] mx-auto px-6 py-2 mt-12 lg:p-2 lg:mt-14 flex items-center justify-between relative z-40 bg-white/80 rounded-full backdrop-blur-md shadow-lg"
   >
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 627b7304a..36d4af861 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -57,6 +57,8 @@
   --color-sponsor-bronze: #6e6151;
   --color-sponsor-patron: #a11217;
 
+  --color-top-notification: #ee714b;
+
   /* Aspect Ratios */
   --aspect-hero: 2.4380530973;