diff --git a/packages/component/src/ui/menu/styles.ts b/packages/component/src/ui/menu/styles.ts
index f1279c8142..8e18b66a2a 100644
--- a/packages/component/src/ui/menu/styles.ts
+++ b/packages/component/src/ui/menu/styles.ts
@@ -21,6 +21,7 @@ export const StyledMenuWrapper = styled(StyledPopperContainer)<{
 
 export const StyledStartIconWrapper = styled('div')(() => {
   return {
+    display: 'flex',
     marginRight: '12px',
     fontSize: '20px',
     color: 'var(--affine-icon-color)',
@@ -28,6 +29,7 @@ export const StyledStartIconWrapper = styled('div')(() => {
 });
 export const StyledEndIconWrapper = styled('div')(() => {
   return {
+    display: 'flex',
     marginLeft: '12px',
     fontSize: '20px',
     color: 'var(--affine-icon-color)',