diff --git a/packages/DropdownMenu/package.json b/packages/DropdownMenu/package.json
index 2f2b2d3516..dcf7099fd8 100644
--- a/packages/DropdownMenu/package.json
+++ b/packages/DropdownMenu/package.json
@@ -48,6 +48,7 @@
   "dependencies": {
     "@ariakit/react": "0.2.17",
     "@welcome-ui/box": "^5.0.0",
+    "@welcome-ui/core": "^5.0.0",
     "@welcome-ui/system": "^5.0.0",
     "@welcome-ui/utils": "^5.0.0"
   },
diff --git a/packages/DropdownMenu/src/index.tsx b/packages/DropdownMenu/src/index.tsx
index 590b95f3d8..acabeb472e 100644
--- a/packages/DropdownMenu/src/index.tsx
+++ b/packages/DropdownMenu/src/index.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import * as Ariakit from '@ariakit/react'
 import { CreateWuiProps, forwardRef, WuiProps } from '@welcome-ui/system'
 import { useTheme } from '@xstyled/styled-components'
+import type { WuiTheme } from '@welcome-ui/core'
 
 import { Arrow } from './Arrow'
 import { Item } from './Item'
@@ -11,20 +12,7 @@ import * as S from './styles'
 export interface DropdownMenuOptions extends Omit<Ariakit.MenuProps, 'gutter'> {
   /** add custom props from styled system on DropdownMenu inner */
   innerProps?: WuiProps
-  gutter?:
-    | 'xxs'
-    | 'xs'
-    | 'sm'
-    | 'md'
-    | 'lg'
-    | 'xl'
-    | 'xxl'
-    | '3xl'
-    | '4xl'
-    | '5xl'
-    | '6xl'
-    | '7xl'
-    | number
+  gutter?: keyof WuiTheme['space'] | number
 }
 
 export type DropdownMenuProps = CreateWuiProps<'div', DropdownMenuOptions>