diff --git a/components/ThemeToggler/themeToggler.tsx b/components/ThemeToggler/themeToggler.tsx
index d9cedd7ef..1722f4a8a 100644
--- a/components/ThemeToggler/themeToggler.tsx
+++ b/components/ThemeToggler/themeToggler.tsx
@@ -20,7 +20,10 @@ export function ThemeToggler() {
       }}
     >
       {resolvedTheme === "dark" ? (
-        <HiSun className="text-white hover:text-violet-500" size={"1.5rem"} />
+        <HiSun
+          className="dark:text-gray-200 hover:text-violet-500"
+          size={"1.5rem"}
+        />
       ) : (
         <HiMoon className="hover:text-violet-500" size={"1.5rem"} />
       )}