diff --git a/packages/jui/src/Menu/Menu.cy.tsx b/packages/jui/src/Menu/Menu.cy.tsx
index 778d47ed..99fa7266 100644
--- a/packages/jui/src/Menu/Menu.cy.tsx
+++ b/packages/jui/src/Menu/Menu.cy.tsx
@@ -805,8 +805,8 @@ describe("ContextMenu", () => {
     cy.get("[role=menu]").should("not.exist");
   });
 
-  it("is closed when right clicking outside the context menu trigger area", () => {
-    cy.mount(<ContextMenu />);
+  it.only("is closed when right clicking outside the context menu trigger area", () => {
+    cy.mount(<ContextMenu noScroll />);
     cy.get("#context-menu-container").rightclick(150, 150, {
       scrollBehavior: false,
     });
diff --git a/packages/jui/src/Menu/Menu.stories.tsx b/packages/jui/src/Menu/Menu.stories.tsx
index bb1d00cf..a0953c6d 100644
--- a/packages/jui/src/Menu/Menu.stories.tsx
+++ b/packages/jui/src/Menu/Menu.stories.tsx
@@ -238,9 +238,10 @@ const StyledContainer = styled.div`
 
 export const ContextMenu: StoryObj<{
   children?: ReactNode;
+  noScroll: boolean;
   menuProps?: Partial<MenuProps<object>>;
 }> = {
-  render: ({ children, menuProps = {} }) => {
+  render: ({ children, noScroll, menuProps = {} }) => {
     return (
       <>
         <div
@@ -286,7 +287,9 @@ export const ContextMenu: StoryObj<{
             </Menu>
           )}
         >
-          <StyledContainer>Right click somewhere. {children}</StyledContainer>
+          <StyledContainer style={{ height: noScroll ? "75vh" : null }}>
+            Right click somewhere. {children}
+          </StyledContainer>
         </ContextMenuContainer>
       </>
     );