From 0a8c41f865b94c4425346ed6bbd42acbefd66dd3 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Wed, 8 Apr 2026 20:54:31 +0000
Subject: [PATCH] Fix double container on Harmony dropdown menus

Co-authored-by: Ray Jacobson <raymondjacobson@users.noreply.github.com>
---
 .../harmony/src/components/internal/Menu.module.css   |  4 ++++
 packages/harmony/src/components/internal/Menu.tsx     | 11 +++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 packages/harmony/src/components/internal/Menu.module.css

diff --git a/packages/harmony/src/components/internal/Menu.module.css b/packages/harmony/src/components/internal/Menu.module.css
new file mode 100644
index 00000000000..ee6f8ea945d
--- /dev/null
+++ b/packages/harmony/src/components/internal/Menu.module.css
@@ -0,0 +1,4 @@
+.popup {
+  border: none;
+  background: transparent;
+}
diff --git a/packages/harmony/src/components/internal/Menu.tsx b/packages/harmony/src/components/internal/Menu.tsx
index 0f1d7f26ae8..1ec99883cc7 100644
--- a/packages/harmony/src/components/internal/Menu.tsx
+++ b/packages/harmony/src/components/internal/Menu.tsx
@@ -1,6 +1,7 @@
 import { ReactNode, Ref } from 'react'
 
 import { CSSObject } from '@emotion/react'
+import cn from 'classnames'
 
 import { Flex, FlexProps } from '~harmony/components/layout/Flex'
 import { Paper, PaperProps } from '~harmony/components/layout/Paper'
@@ -8,6 +9,8 @@ import { Popup } from '~harmony/components/popup/Popup'
 import { PopupProps } from '~harmony/components/popup/types'
 import { WithCSS } from '~harmony/foundations'
 
+import styles from './Menu.module.css'
+
 // TODO menu label
 
 export type MenuProps = Omit<PopupProps, 'children'> & {
@@ -27,10 +30,14 @@ export type MenuContentProps = {
 }
 
 export const Menu = (props: MenuProps) => {
-  const { children, PaperProps, ...other } = props
+  const { children, PaperProps, className, ...other } = props
 
   return (
-    <Popup {...other}>
+    <Popup
+      {...other}
+      className={cn(styles.popup, className)}
+      shadow='flat'
+    >
       <Paper mt='s' border='strong' shadow='far' {...PaperProps}>
         {children}
       </Paper>