diff --git a/components/Header/index.tsx b/components/Header/index.tsx
index f077521..523b03a 100644
--- a/components/Header/index.tsx
+++ b/components/Header/index.tsx
@@ -25,7 +25,7 @@ const Header: React.FC<HeaderProps> = ({ onMenuClick, pageTitle }) => {
 
       {/* 2. Center: Title (only on mobile) */}
       <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 md:hidden">
-        <span className="text-xl font-bold tracking-tight text-white">
+        <span className="text-xl font-bold tracking-tight text-muted-foreground">
           {pageTitle}
         </span>
       </div>