diff --git a/web/src/components/Layout/Header.astro b/web/src/components/Layout/Header.astro
index b820f55..68068f1 100644
--- a/web/src/components/Layout/Header.astro
+++ b/web/src/components/Layout/Header.astro
@@ -21,10 +21,12 @@ import Logo from "../Logo/Logo.astro";
         class="no-underline flex flex-row justify-center items-center gap-2 hover:opacity-85 transition-opacity"
         href="/"
       >
-        <div class="w-10 lg:w-12 text-main">
+        <div class="w-10 lg:w-12 text-primary">
           <Logo withText={false} />
         </div>
-        <h2 class="text-2xl lg:text-3xl transition-all font-extrabold">
+        <h2
+          class="text-2xl text-primary lg:text-3xl transition-all font-extrabold"
+        >
           vspace.one
         </h2>
       </a>