diff --git a/packages/ui/src/components/menu/desktop/TinyMenuGroup.tsx b/packages/ui/src/components/menu/desktop/TinyMenuGroup.tsx
index 488a567563..289801541a 100644
--- a/packages/ui/src/components/menu/desktop/TinyMenuGroup.tsx
+++ b/packages/ui/src/components/menu/desktop/TinyMenuGroup.tsx
@@ -54,10 +54,10 @@ function QuickTileMenuItem(props: IUIQuickTileMenuItemProps) {
             type="button"
             className={clsx(
                 `
-                  univer-relative univer-box-border univer-flex univer-size-12 univer-appearance-none univer-flex-col
-                  univer-items-center univer-justify-center univer-gap-0.5 univer-rounded-lg univer-border-none
-                  univer-bg-white univer-p-0 univer-font-medium univer-text-gray-700 univer-outline-none
-                  univer-transition-all
+                  univer-relative univer-box-border univer-flex univer-size-12 univer-w-full univer-appearance-none
+                  univer-flex-col univer-items-center univer-justify-center univer-gap-0.5 univer-rounded-lg
+                  univer-border-none univer-bg-white univer-p-0 univer-font-medium univer-text-gray-700
+                  univer-outline-none univer-transition-all
                   focus-visible:univer-ring-2 focus-visible:univer-ring-primary-600 focus-visible:univer-ring-offset-0
                   dark:!univer-bg-gray-700 dark:!univer-text-gray-100
                 `,
@@ -94,7 +94,7 @@ function QuickTileMenuItem(props: IUIQuickTileMenuItemProps) {
                 />
             )}
             <span
-                className="univer-max-w-full univer-break-words univer-text-center univer-text-xs univer-leading-4"
+                className="univer-break-words univer-text-center univer-text-xs univer-leading-4"
             >
                 {menuItem.title ? localeService.t(menuItem.title) : menuSchema.key}
             </span>
@@ -158,7 +158,7 @@ export function UIQuickTileMenuGroup(props: IUIQuickMenuGroupProps) {
     }
 
     return (
-        <div className="univer-flex univer-flex-wrap univer-justify-around univer-gap-1.5 univer-py-1">
+        <div className="univer-item-center univer-grid univer-grid-cols-3 univer-gap-1.5 univer-py-1">
             {item.children.map((menuSchema) => (
                 <QuickTileMenuItem
                     key={menuSchema.key}
diff --git a/packages/ui/src/views/components/context-menu/ContextMenuPanel.tsx b/packages/ui/src/views/components/context-menu/ContextMenuPanel.tsx
index c6dd6e8c3e..f6b1ce5579 100644
--- a/packages/ui/src/views/components/context-menu/ContextMenuPanel.tsx
+++ b/packages/ui/src/views/components/context-menu/ContextMenuPanel.tsx
@@ -141,7 +141,7 @@ export function ContextMenuPanel(props: IContextMenuPanelProps) {
             ref={setMenuElement}
             className={clsx(
                 `
-                  univer-box-border univer-grid univer-min-w-52 univer-max-w-fit univer-gap-1 univer-overflow-y-auto
+                  univer-box-border univer-grid univer-min-w-52 univer-max-w-full univer-gap-1 univer-overflow-y-auto
                   univer-overscroll-contain univer-rounded-md univer-bg-white univer-px-2 univer-py-1 univer-text-sm
                   univer-text-gray-900 univer-shadow-md
                   dark:!univer-bg-gray-700 dark:!univer-text-white