diff --git a/web/src/main.ts b/web/src/main.ts
index 547f4c70d8..1d0a5aeef1 100644
--- a/web/src/main.ts
+++ b/web/src/main.ts
@@ -1,4 +1,5 @@
 import '~/compositions/useFavicon';
+import '~/tailwind.css'
 import '~/style.css';
 
 import { createPinia } from 'pinia';
diff --git a/web/src/style.css b/web/src/style.css
index 3dc29a2206..31f13e7e40 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -151,13 +151,3 @@ body,
 code:not(pre > code) {
   @apply bg-wp-code-200 px-1 py-px rounded-md text-wp-code-text-100;
 }
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer components {
-  .hover-effect {
-    @apply hover:bg-black dark:hover:bg-white hover:bg-opacity-10 dark:hover:bg-opacity-5 transition-colors duration-100;
-  }
-}
diff --git a/web/src/tailwind.css b/web/src/tailwind.css
new file mode 100644
index 0000000000..d474a9dfb7
--- /dev/null
+++ b/web/src/tailwind.css
@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  .hover-effect {
+    @apply hover:bg-black dark:hover:bg-white hover:bg-opacity-10 dark:hover:bg-opacity-5 transition-colors duration-100;
+  }
+}