diff --git a/.changeset/menu-item-durations.md b/.changeset/menu-item-durations.md
new file mode 100644
index 00000000000..a845151cc84
--- /dev/null
+++ b/.changeset/menu-item-durations.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/ui/src/mosaic/components/menu/menu.styles.ts b/packages/ui/src/mosaic/components/menu/menu.styles.ts
index 5055f68e110..c9aff75ab64 100644
--- a/packages/ui/src/mosaic/components/menu/menu.styles.ts
+++ b/packages/ui/src/mosaic/components/menu/menu.styles.ts
@@ -1,6 +1,14 @@
 import * as stylex from '@stylexjs/stylex';
 
-import { colorVars, fontFamilyVars, fontWeightVars, radiusVars, space, typeScaleVars } from '../../tokens.stylex';
+import {
+  colorVars,
+  durationVars,
+  fontFamilyVars,
+  fontWeightVars,
+  radiusVars,
+  space,
+  typeScaleVars,
+} from '../../tokens.stylex';
 
 export const styles = stylex.create({
   // Positioning is applied inline by the headless positioner; this only clears the
@@ -71,10 +79,9 @@ export const styles = stylex.create({
     opacity: { default: 1, ':is([data-disabled])': 0.5 },
     position: 'relative',
     textAlign: 'start',
-    transitionDuration: {
-      default: '150ms',
-      '@media (prefers-reduced-motion: reduce)': '0.01ms',
-    },
+    // Ungated: the only thing moving is a fill, which is not what `prefers-reduced-motion`
+    // is about. Matches `Button`, whose highlight transitions the same way.
+    transitionDuration: durationVars['--cl-duration-base'],
     transitionProperty: 'background-color',
     height: space['7'],
     width: '100%',