diff --git a/src/components/Header.astro b/src/components/Header.astro
index b4270bf..b8925d7 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -122,6 +122,9 @@ const { activeNav } = Astro.props;
   nav button svg {
     @apply w-6 h-6 fill-skin-base hover:fill-skin-accent;
   }
+  #theme-btn svg {
+    @apply hover:rotate-12;
+  }
 
   .icon-container {
     @apply w-6 h-5 flex-col justify-between items-end;