diff --git a/example/src/Examples/MenuExample.tsx b/example/src/Examples/MenuExample.tsx
index 6559f3d8f0..f676bf31e3 100644
--- a/example/src/Examples/MenuExample.tsx
+++ b/example/src/Examples/MenuExample.tsx
@@ -31,6 +31,23 @@ type MenuVisibility = {
 
 const MORE_ICON = Platform.OS === 'ios' ? 'dots-horizontal' : 'dots-vertical';
 
+const longMenuItems = [
+  'Home',
+  'About us',
+  'History',
+  'Team',
+  'Products',
+  'Investments',
+  'R&D',
+  'News',
+  'Archive',
+  'Events',
+  'Blog',
+  'Account',
+  'Press',
+  'Contact',
+];
+
 const MenuExample = ({ navigation }: Props) => {
   const [visible, setVisible] = React.useState<MenuVisibility>({});
   const [contextualMenuCoord, setContextualMenuCoor] =
@@ -146,6 +163,49 @@ const MenuExample = ({ navigation }: Props) => {
             </TouchableRipple>
           </List.Section>
         </View>
+        <List.Section style={styles.listSection} title="Long menus">
+          <View style={styles.spaceBetween}>
+            <Menu
+              visible={_getVisible('menu-left')}
+              onDismiss={_toggleMenu('menu-left')}
+              anchor={
+                <Button mode="outlined" onPress={_toggleMenu('menu-left')}>
+                  Left
+                </Button>
+              }
+            >
+              {longMenuItems.map((item) => (
+                <Menu.Item key={item} title={item} onPress={() => {}} />
+              ))}
+            </Menu>
+            <Menu
+              visible={_getVisible('menu-center')}
+              onDismiss={_toggleMenu('menu-center')}
+              anchor={
+                <Button mode="outlined" onPress={_toggleMenu('menu-center')}>
+                  Center
+                </Button>
+              }
+            >
+              {longMenuItems.map((item) => (
+                <Menu.Item key={item} title={item} onPress={() => {}} />
+              ))}
+            </Menu>
+            <Menu
+              visible={_getVisible('menu-right')}
+              onDismiss={_toggleMenu('menu-right')}
+              anchor={
+                <Button mode="outlined" onPress={_toggleMenu('menu-right')}>
+                  Right
+                </Button>
+              }
+            >
+              {longMenuItems.map((item) => (
+                <Menu.Item key={item} title={item} onPress={() => {}} />
+              ))}
+            </Menu>
+          </View>
+        </List.Section>
 
         <View style={styles.bottomMenu}>
           <Menu
@@ -182,6 +242,14 @@ const styles = StyleSheet.create({
   alignCenter: {
     alignItems: 'center',
   },
+  listSection: {
+    flex: 1,
+    overflow: 'scroll',
+  },
+  spaceBetween: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+  },
   md3Divider: {
     marginVertical: 8,
   },
diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
index a9c4f4677f..370947550d 100644
--- a/src/components/Menu/Menu.tsx
+++ b/src/components/Menu/Menu.tsx
@@ -667,6 +667,7 @@ class Menu extends React.Component<Props, State> {
 const styles = StyleSheet.create({
   wrapper: {
     position: 'absolute',
+    overflow: 'hidden',
   },
   shadowMenuContainer: {
     opacity: 0,
diff --git a/src/components/__tests__/__snapshots__/Menu.test.tsx.snap b/src/components/__tests__/__snapshots__/Menu.test.tsx.snap
index c829729253..4f1def2af1 100644
--- a/src/components/__tests__/__snapshots__/Menu.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/Menu.test.tsx.snap
@@ -228,6 +228,7 @@ exports[`renders menu with content styles 1`] = `
       style={
         [
           {
+            "overflow": "hidden",
             "position": "absolute",
           },
           {
@@ -946,6 +947,7 @@ exports[`renders visible menu 1`] = `
       style={
         [
           {
+            "overflow": "hidden",
             "position": "absolute",
           },
           {