diff --git a/src/components/Header.astro b/src/components/Header.astro
index 86374dc..5ffff2c 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,5 +1,5 @@
 
-<div class="flex w-full items-center bg-yellow-200 text-black p-5">
+<div class="flex w-full items-center bg-[#2a2b2c] text-white p-5">
     <a class="flex" href="/">
         <p class="text-3xl">Recipie</p>
         <!-- <p class=" text-3xl text-amber-500">pie</p> -->