diff --git a/theme/src/client/components/VPIconify.vue b/theme/src/client/components/VPIconify.vue
index 59403438..dcad105e 100644
--- a/theme/src/client/components/VPIconify.vue
+++ b/theme/src/client/components/VPIconify.vue
@@ -66,9 +66,3 @@ const bind = computed<any>(() => ({
     />
   </ClientOnly>
 </template>
-
-<style>
-.vp-icon.iconify {
-  background-color: unset;
-}
-</style>
diff --git a/theme/src/client/styles/icons.css b/theme/src/client/styles/icons.css
index 97dcdf79..b7ec34a2 100644
--- a/theme/src/client/styles/icons.css
+++ b/theme/src/client/styles/icons.css
@@ -27,6 +27,10 @@
   mask-size: 100% 100%;
 }
 
+.vp-icon.iconify {
+  background-color: unset;
+}
+
 /* internal icons - used under ISC from https://lucide.dev/ */
 .vpi-align-left {
   --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3M15 12H3M17 18H3'/%3E%3C/svg%3E");