diff --git a/src/module.ts b/src/module.ts
index 87c14ed0..292c5547 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -44,7 +44,7 @@ export default defineNuxtModule<ModuleOptions>({
     // await installModule('@nuxtjs/color-mode', { classSuffix: '' })
 
     addPlugin({
-      src: resolve('./runtime/plugins/index')
+      src: resolve('./runtime/plugins/colors')
     })
 
     addComponentsDir({
diff --git a/src/runtime/plugins/index.ts b/src/runtime/plugins/colors.ts
similarity index 78%
rename from src/runtime/plugins/index.ts
rename to src/runtime/plugins/colors.ts
index c979798b..5f55d96f 100644
--- a/src/runtime/plugins/index.ts
+++ b/src/runtime/plugins/colors.ts
@@ -9,9 +9,9 @@ export default defineNuxtPlugin(() => {
 
   const root = computed(() => {
     return `:root {
-${shades.map(shade => `--color-primary-${shade}: var(--color-${appConfig.ui.primary}-${shade});`).join('\n')}
---color-primary-DEFAULT: var(--color-primary-500);
-${shades.map(shade => `--color-gray-${shade}: var(--color-${appConfig.ui.gray}-${shade});`).join('\n')}
+  ${shades.map(shade => `--color-primary-${shade}: var(--color-${appConfig.ui.primary}-${shade});`).join('\n')}
+  --color-primary-DEFAULT: var(--color-primary-500);
+  ${shades.map(shade => `--color-gray-${shade}: var(--color-${appConfig.ui.gray}-${shade});`).join('\n')}
 }
 .dark {
   --color-primary-DEFAULT: var(--color-primary-400);