diff --git a/assets/global.css b/assets/global.css
index f3579ae09..507d3fd82 100644
--- a/assets/global.css
+++ b/assets/global.css
@@ -1,6 +1,4 @@
 @import './font.css';
-@tailwind base;
-@tailwind components;
 
 :root {
   /* Spacing variables */
@@ -190,5 +188,3 @@ body {
 a {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-
-@tailwind utilities;
diff --git a/assets/tailwind.css b/assets/tailwind.css
new file mode 100644
index 000000000..605a9cef0
--- /dev/null
+++ b/assets/tailwind.css
@@ -0,0 +1,2 @@
+@tailwind base;
+@tailwind components;
diff --git a/assets/utils.css b/assets/utils.css
new file mode 100644
index 000000000..65dd5f63a
--- /dev/null
+++ b/assets/utils.css
@@ -0,0 +1 @@
+@tailwind utilities;
diff --git a/pages/_app.tsx b/pages/_app.tsx
index c84409786..618847986 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,6 +1,8 @@
 import { FC } from 'react'
 import type { AppProps } from 'next/app'
 import '@assets/global.css'
+import '@assets/tailwind.css'
+import '@assets/utils.css'
 
 const Noop: FC = ({ children }) => <>{children}</>