From 5d9cd257ae05de5e764cccbe0623835457348ef2 Mon Sep 17 00:00:00 2001
From: Thomas Trompette <thomas.trompette@sfr.fr>
Date: Wed, 9 Apr 2025 17:16:46 +0200
Subject: [PATCH] Command menu mobile - Prevent overflow on navigation bar
 (#11480)

Fix https://github.com/twentyhq/twenty/issues/11413
---
 .../modules/command-menu/components/CommandMenuList.tsx   | 8 ++++++--
 .../navigation/menu-item/components/MenuItemCommand.tsx   | 1 +
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuList.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuList.tsx
index 2517390d1..d2016d7f9 100644
--- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuList.tsx
+++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuList.tsx
@@ -43,6 +43,10 @@ const StyledInnerList = styled.div`
   }
 `;
 
+const StyledCommandMenuList = styled.div`
+  overflow-y: hidden;
+`;
+
 const StyledEmpty = styled.div`
   align-items: center;
   color: ${({ theme }) => theme.font.color.light};
@@ -68,7 +72,7 @@ export const CommandMenuList = ({
   );
 
   return (
-    <>
+    <StyledCommandMenuList>
       <CommandMenuDefaultSelectionEffect
         selectableItemIds={selectableItemIds}
       />
@@ -104,6 +108,6 @@ export const CommandMenuList = ({
           </SelectableList>
         </StyledInnerList>
       </ScrollWrapper>
-    </>
+    </StyledCommandMenuList>
   );
 };
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 b027c7a43..93b6bf199 100644
--- a/packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx
+++ b/packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx
@@ -78,6 +78,7 @@ const StyledTextContainer = styled.div`
   display: flex;
   flex-direction: row;
   max-width: calc(100% - 2 * var(--horizontal-padding));
+  overflow: hidden;
 `;
 
 export type MenuItemCommandProps = {