diff --git a/src/components/menu/__internal__/submenu/submenu.style.ts b/src/components/menu/__internal__/submenu/submenu.style.ts
index ad31867c67..1d181f0e39 100644
--- a/src/components/menu/__internal__/submenu/submenu.style.ts
+++ b/src/components/menu/__internal__/submenu/submenu.style.ts
@@ -59,6 +59,7 @@ const StyledSubmenuWrapper = styled.div<StyledSubmenuWrapperProps>`
     ${!inFullscreenView &&
     css`
       display: flex;
+      flex-direction: column;
     `}
   `}
 `;
@@ -88,6 +89,7 @@ const StyledSubmenu = styled.ul<StyledSubmenuProps>`
 
       ${submenuMaxWidth &&
       css`
+        width: max-content;
         max-width: ${submenuMaxWidth};
 
         &&& {
diff --git a/src/components/menu/menu-test.stories.tsx b/src/components/menu/menu-test.stories.tsx
index b11033cee1..bc984411b4 100644
--- a/src/components/menu/menu-test.stories.tsx
+++ b/src/components/menu/menu-test.stories.tsx
@@ -267,6 +267,12 @@ export const LongLabelsStory = () => {
         <MenuItem>Child B</MenuItem>
         <MenuItem>Child C</MenuItem>
       </MenuItem>
+      <MenuItem submenu="Parent Menu C with overflow" submenuMaxWidth="350px">
+        <MenuItem width="unset" minWidth="max-content" maxWidth="300px">
+          Child with a very long label that should wrap onto the next line and
+          not get cut off
+        </MenuItem>
+      </MenuItem>
     </Menu>
   );
 };