diff --git a/components/themetoggle.tsx b/components/themetoggle.tsx
index fd83cda..88f95d1 100644
--- a/components/themetoggle.tsx
+++ b/components/themetoggle.tsx
@@ -16,9 +16,17 @@ export default function ThemeToggle() {
         window.localStorage.setItem("theme", activeTheme);
     }, [activeTheme]);    
 
-    return (
-        <a onClick={() => setActiveTheme(inactiveTheme)} href="#">
-            <span>🌙</span>
-        </a>
-    )
+    if(activeTheme == 'light') {
+        return (
+            <a onClick={() => setActiveTheme(inactiveTheme)} href="#">
+                <span>🌙</span>
+            </a>
+        )
+    } else {
+        return (
+            <a onClick={() => setActiveTheme(inactiveTheme)} href="#">
+                <span>☀️</span>
+            </a>
+        )
+    }
 }
\ No newline at end of file