diff --git a/components/button-dropdown/item.tsx b/components/button-dropdown/button-dropdown-item.tsx
similarity index 97%
rename from components/button-dropdown/item.tsx
rename to components/button-dropdown/button-dropdown-item.tsx
index 52d75bb..8b3d145 100644
--- a/components/button-dropdown/item.tsx
+++ b/components/button-dropdown/button-dropdown-item.tsx
@@ -52,6 +52,8 @@ const ButtonDropdownItem: React.FC<React.PropsWithChildren<ButtonDropdownItemPro
           display: inline-flex;
           flex: 1;
           justify-content: center;
+          align-items: center;
+          vertical-align: middle;
           text-align: center;
           cursor: ${cursor};
           box-sizing: border-box;
diff --git a/components/button-dropdown/button-dropdown.tsx b/components/button-dropdown/button-dropdown.tsx
index b9aa1bc..45f6ccd 100644
--- a/components/button-dropdown/button-dropdown.tsx
+++ b/components/button-dropdown/button-dropdown.tsx
@@ -3,7 +3,7 @@ import useTheme from '../styles/use-theme'
 import useClickAway from '../utils/use-click-away'
 import { getColor } from './styles'
 import ButtonDropdownIcon from './icon'
-import ButtonDropdownItem from './item'
+import ButtonDropdownItem from './button-dropdown-item'
 import { ButtonDropdownContext } from './button-dropdown-context'
 import { NormalSizes, NormalTypes } from '../utils/prop-types'
 import { pickChild, pickChildByProps } from '../utils/collections'
diff --git a/components/button-dropdown/index.ts b/components/button-dropdown/index.ts
index bd5aa4b..6def4fa 100644
--- a/components/button-dropdown/index.ts
+++ b/components/button-dropdown/index.ts
@@ -1,5 +1,5 @@
 import ButtonDropdown from './button-dropdown'
-import ButtonDropdownItem from './item'
+import ButtonDropdownItem from './button-dropdown-item'
 
 ButtonDropdown.Item = ButtonDropdownItem