diff --git a/.changeset/mosaic-menu-dark-mode-outline.md b/.changeset/mosaic-menu-dark-mode-outline.md
new file mode 100644
index 00000000000..a845151cc84
--- /dev/null
+++ b/.changeset/mosaic-menu-dark-mode-outline.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 a10eb794ee5..5055f68e110 100644
--- a/packages/ui/src/mosaic/components/menu/menu.styles.ts
+++ b/packages/ui/src/mosaic/components/menu/menu.styles.ts
@@ -17,9 +17,9 @@ export const styles = stylex.create({
     paddingBlock: space['0.5'],
     paddingInline: space['0.5'],
     backgroundColor: colorVars['--cl-color-card'],
-    boxShadow: `0 12px 12px -7px oklch(0.2046 0 0 / 12%),
-                0 24px 24px -10px oklch(0.2046 0 0 / 4%),
-                0 0 0 1px oklch(0.2046 0 0 / 4%)`,
+    boxShadow: `0 12px 12px -7px light-dark(oklch(0.2046 0 0 / 12%), transparent),
+                0 24px 24px -10px light-dark(oklch(0.2046 0 0 / 4%), transparent),
+                0 0 0 1px light-dark(oklch(0.2046 0 0 / 4%), oklch(1 0 0 / 10%))`,
     color: colorVars['--cl-color-card-foreground'],
     display: 'flex',
     flexDirection: 'column',