diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro
index 9d8171f..ebb3348 100644
--- a/src/components/ThemeToggle.astro
+++ b/src/components/ThemeToggle.astro
@@ -5,7 +5,7 @@ import { Icon } from 'astro-icon/components';
 <button id="themeToggle">
     <Icon name="mdi:weather-sunny" class="sun w-8 h-8 text-gray-800" />
     <Icon name="mdi:weather-night" class="moon w-8 h-8 text-gray-100" />
-    <Icon name="mdi:weather-partly-cloudy" class="system w-8 h-8 text-gray-500" />
+    <Icon name="mdi:weather-partly-cloudy" class="system w-8 h-8 text-gray-100 dark:text-gray-800" />
 </button>
 
 <style>