diff --git a/packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx b/packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx
index 769c2f09a..b6e3f0f5d 100644
--- a/packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx
+++ b/packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx
@@ -6,7 +6,7 @@ import {
   StyledMenuItemLeftContent,
 } from '../internals/components/StyledMenuItemBase';
 
-import { IconComponent } from '@ui/display';
+import { IconComponent, OverflowingTextWithTooltip } from '@ui/display';
 import { useIsMobile } from '@ui/utilities/responsive/hooks/useIsMobile';
 import { ReactNode } from 'react';
 import { MenuItemCommandHotKeys } from './MenuItemCommandHotKeys';
@@ -75,6 +75,7 @@ const StyledDescription = styled.span`
 const StyledTextContainer = styled.div`
   display: flex;
   flex-direction: row;
+  max-width: calc(100% - 2 * var(--horizontal-padding));
 `;
 
 export type MenuItemCommandProps = {
@@ -114,7 +115,9 @@ export const MenuItemCommand = ({
           </StyledBigIconContainer>
         )}
         <StyledTextContainer>
-          <StyledMenuItemLabelText>{text}</StyledMenuItemLabelText>
+          <StyledMenuItemLabelText>
+            <OverflowingTextWithTooltip text={text} />
+          </StyledMenuItemLabelText>
           {description && <StyledDescription>{description}</StyledDescription>}
         </StyledTextContainer>
         {RightComponent}