diff --git a/components/theme-toggle.tsx b/components/theme-toggle.tsx
index 01e846c7..248cb707 100644
--- a/components/theme-toggle.tsx
+++ b/components/theme-toggle.tsx
@@ -15,8 +15,8 @@ export function ThemeToggle() {
       size="icon"
       onClick={() => setTheme(theme === "light" ? "dark" : "light")}
     >
-      <Sun className="h-[1.5rem] w-[1.3rem] dark:hidden" />
-      <Moon className="hidden h-5 w-5 dark:block" />
+      <Sun className="hidden h-[1.5rem] w-[1.3rem] dark:block" />
+      <Moon className="h-5 w-5  dark:hidden" />
       <span className="sr-only">Toggle theme</span>
     </Button>
   )