From 2522b7d0c8bb16cd2a52bcf6c478c2a7b60841c4 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Thu, 9 Oct 2025 17:45:25 +0100
Subject: [PATCH] Update Menu.tsx

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/ui/src/components/Menu/Menu.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/components/Menu/Menu.tsx b/packages/ui/src/components/Menu/Menu.tsx
index f202de985c..574a26393c 100644
--- a/packages/ui/src/components/Menu/Menu.tsx
+++ b/packages/ui/src/components/Menu/Menu.tsx
@@ -55,6 +55,9 @@ import {
 import { useNavigate, useHref } from 'react-router-dom';
 import { isExternalLink } from '../../utils/isExternalLink';
 
+// The height will be used for virtualized menus. It should match the size set in CSS for each menu item.
+const rowHeight = 32;
+
 const MenuEmptyState = () => {
   const { classNames } = useStyles('Menu');
 
@@ -100,7 +103,7 @@ export const Menu = (props: MenuProps<object>) => {
           <Virtualizer
             layout={ListLayout}
             layoutOptions={{
-              rowHeight: 32,
+              rowHeight,
             }}
           >
             {menuContent}
@@ -141,7 +144,7 @@ export const MenuListBox = (props: MenuListBoxProps<object>) => {
         <Virtualizer
           layout={ListLayout}
           layoutOptions={{
-            rowHeight: 32,
+            rowHeight,
           }}
         >
           {listBoxContent}
@@ -194,7 +197,7 @@ export const MenuAutocomplete = (props: MenuAutocompleteProps<object>) => {
             <Virtualizer
               layout={ListLayout}
               layoutOptions={{
-                rowHeight: 32,
+                rowHeight,
               }}
             >
               {menuContent}
@@ -251,7 +254,7 @@ export const MenuAutocompleteListbox = (
           <Virtualizer
             layout={ListLayout}
             layoutOptions={{
-              rowHeight: 32,
+              rowHeight,
             }}
           >
             {listBoxContent}