diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 26daaa1..d4a8454 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -37,8 +37,10 @@ export function Header({ onToggleSidebar }: HeaderProps) {
               className="px-2 py-1.5 hover:bg-accent hover:text-accent-foreground rounded-md"
               aria-label="Toggle theme"
             >
-              <Sun className="h-5 w-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
-              <Moon className="absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+              <div className="relative w-5 h-5">
+                <Sun className="absolute inset-0 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+                <Moon className="absolute inset-0 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+              </div>
               <span className="sr-only">Toggle theme</span>
             </button>
           </nav>