diff --git a/src/plugins/components/dropdown-divider/dropdown-divider.config.ts b/src/plugins/components/dropdown-divider/dropdown-divider.config.ts
index b2f688d..e4c933f 100644
--- a/src/plugins/components/dropdown-divider/dropdown-divider.config.ts
+++ b/src/plugins/components/dropdown-divider/dropdown-divider.config.ts
@@ -1,9 +1,13 @@
 export const key = 'drodownDivider' as const
 
 export const defaultConfig = {
-  space: '2',
-  border: 'muted-200',
-  borderDark: 'muted-600',
+  margin: {
+    y: '2',
+  },
+  border: {
+    light: 'muted-200',
+    dark: 'muted-700',
+  },
 }
 
 export type DropdownDividerConfig = typeof defaultConfig
diff --git a/src/plugins/components/dropdown-divider/index.ts b/src/plugins/components/dropdown-divider/index.ts
index 2f3897d..16263b8 100644
--- a/src/plugins/components/dropdown-divider/index.ts
+++ b/src/plugins/components/dropdown-divider/index.ts
@@ -20,7 +20,7 @@ export default plugin.withOptions(
 
       addComponents({
         [`.${prefix}dropdown-divider`]: {
-          [`@apply my-${config.space} block h-px w-full border-t border-${config.border} dark:border-${config.borderDark}`]:
+          [`@apply my-${config.margin.y} block h-px w-full border-t border-${config.border.light} dark:border-${config.border.dark}`]:
             {},
         },
       })