diff --git a/src/components/layout/Header.astro b/src/components/layout/Header.astro
index 927fd78..dcb9346 100644
--- a/src/components/layout/Header.astro
+++ b/src/components/layout/Header.astro
@@ -26,8 +26,8 @@ import logoImage from '@/assets/images/logo.png';
 </script>
 
 <header
-	class="sticky top-0 z-10 block h-max w-full max-w-full rounded-none border border-white/80 bg-white bg-opacity-80 px-4 py-2 text-black shadow-md backdrop-blur-2xl backdrop-saturate-200 dark:border-black/80 dark:bg-zinc-900 dark:text-white lg:px-8 lg:py-4">
-	<div class="text-blue-gray-900 flex items-center justify-between">
+	class="sticky top-0 z-10 block h-max w-full max-w-full rounded-none border border-white/80 bg-opacity-80 px-4 py-2 text-black shadow-md backdrop-blur-2xl backdrop-saturate-200 dark:border-black/80 dark:bg-zinc-900 lg:px-8 lg:py-4">
+	<div class="flex items-center justify-between text-zinc-900 dark:text-zinc-100">
 		<a
 			href="/"
 			class="mr-4 block cursor-pointer py-1.5 font-sans text-base font-medium leading-relaxed text-inherit antialiased">