diff --git a/src/components/Header/Button/LightDarkButton.astro b/src/components/Header/Button/LightDarkButton.astro
index 7b2f614..c595e9b 100644
--- a/src/components/Header/Button/LightDarkButton.astro
+++ b/src/components/Header/Button/LightDarkButton.astro
@@ -19,7 +19,7 @@
 
 <style>
   svg {
-    @apply inline-block h-6 w-6 fill-skin-base group-hover:fill-skin-accent;
+    @apply inline-block h-6 w-6 !fill-skin-base group-hover:fill-skin-accent;
   }
   #theme-btn {
     @apply p-3 sm:p-1;
diff --git a/src/components/Header/Button/SearchButton.astro b/src/components/Header/Button/SearchButton.astro
index c489c7e..dff8599 100644
--- a/src/components/Header/Button/SearchButton.astro
+++ b/src/components/Header/Button/SearchButton.astro
@@ -21,7 +21,7 @@ const { activeNav } = Astro.props;
 
 <style>
   svg {
-    @apply inline-block h-6 w-6 fill-skin-base group-hover:fill-skin-accent;
+    @apply inline-block h-6 w-6 !fill-skin-base group-hover:fill-skin-accent;
   }
   a.active svg {
     @apply fill-skin-accent;