diff --git a/docs/app/app.vue b/docs/app/app.vue
index 84bf92b2..be243efc 100644
--- a/docs/app/app.vue
+++ b/docs/app/app.vue
@@ -93,41 +93,3 @@ provide('navigation', mappedNavigation)
     </template>
   </UApp>
 </template>
-
-<style>
-@import "tailwindcss";
-@import "@nuxt/ui-pro";
-
-@source "../content";
-
-@theme {
-  --container-8xl: 90rem;
-
-  --font-sans: 'Public Sans', sans-serif;
-
-  --color-green-50: #EFFDF5;
-  --color-green-100: #D9FBE8;
-  --color-green-200: #B3F5D1;
-  --color-green-300: #75EDAE;
-  --color-green-400: #00DC82;
-  --color-green-500: #00C16A;
-  --color-green-600: #00A155;
-  --color-green-700: #007F45;
-  --color-green-800: #016538;
-  --color-green-900: #0A5331;
-  --color-green-950: #052E16;
-}
-
-:root {
-  --ui-container: var(--container-8xl);
-}
-
-html[data-framework="nuxt"] .vue-only,
-html[data-framework="vue"] .nuxt-only,
-html[data-module="ui-pro"] .ui-only,
-html[data-module="ui"] .ui-pro-only {
-  display: none;
-}
-
-/* Safelist (do not remove): [&>div]:*:my-0 [&>div]:*:w-full h-64 !px-0 !py-0 !pt-0 !pb-0 !p-0 !justify-start !min-h-96 h-136 */
-</style>
diff --git a/docs/app/assets/css/main.css b/docs/app/assets/css/main.css
new file mode 100644
index 00000000..9b9bcde6
--- /dev/null
+++ b/docs/app/assets/css/main.css
@@ -0,0 +1,35 @@
+@import "tailwindcss";
+@import "@nuxt/ui-pro";
+
+@source "../../../content";
+
+@theme {
+  --container-8xl: 90rem;
+
+  --font-sans: 'Public Sans', sans-serif;
+
+  --color-green-50: #EFFDF5;
+  --color-green-100: #D9FBE8;
+  --color-green-200: #B3F5D1;
+  --color-green-300: #75EDAE;
+  --color-green-400: #00DC82;
+  --color-green-500: #00C16A;
+  --color-green-600: #00A155;
+  --color-green-700: #007F45;
+  --color-green-800: #016538;
+  --color-green-900: #0A5331;
+  --color-green-950: #052E16;
+}
+
+:root {
+  --ui-container: var(--container-8xl);
+}
+
+html[data-framework="nuxt"] .vue-only,
+html[data-framework="vue"] .nuxt-only,
+html[data-module="ui-pro"] .ui-only,
+html[data-module="ui"] .ui-pro-only {
+  display: none;
+}
+
+/* Safelist (do not remove): [&>div]:*:my-0 [&>div]:*:w-full h-64 !px-0 !py-0 !pt-0 !pb-0 !p-0 !justify-start !min-h-96 h-136 */
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index 11bd9627..3aac6942 100644
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -45,6 +45,8 @@ export default defineNuxtConfig({
     }
   },
 
+  css: ['~/assets/css/main.css'],
+
   site: {
     url: 'https://ui3.nuxt.dev'
   },