diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index fd5eac86..fb028655 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -83,7 +83,7 @@ const Navbar: React.FC = () => {
             {mode === "dark" ? (
               <Sun className="h-5 w-5 text-yellow-400" />
             ) : (
-              <Moon className="h-5 w-5 text-white" />
+              <Moon className="h-5 w-5 text-slate-900 dark:text-white" />  // ✅ Dynamic color
             )}
           </button>