From 664fb4957c57858eb89045e4c4dc5097f91a3e7c Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Wed, 8 Apr 2026 20:55:48 +0000
Subject: [PATCH] fix(harmony): remove double-wrapper styling in menus

Co-authored-by: Ray Jacobson <raymondjacobson@users.noreply.github.com>
---
 packages/harmony/src/components/internal/Menu.tsx |  2 +-
 packages/harmony/src/components/popup/Popup.tsx   | 13 ++++++++++---
 packages/harmony/src/components/popup/types.ts    |  6 ++++++
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/packages/harmony/src/components/internal/Menu.tsx b/packages/harmony/src/components/internal/Menu.tsx
index 0f1d7f26ae8..be8f8f65eeb 100644
--- a/packages/harmony/src/components/internal/Menu.tsx
+++ b/packages/harmony/src/components/internal/Menu.tsx
@@ -30,7 +30,7 @@ export const Menu = (props: MenuProps) => {
   const { children, PaperProps, ...other } = props
 
   return (
-    <Popup {...other}>
+    <Popup {...other} disableDefaultStyles>
       <Paper mt='s' border='strong' shadow='far' {...PaperProps}>
         {children}
       </Paper>
diff --git a/packages/harmony/src/components/popup/Popup.tsx b/packages/harmony/src/components/popup/Popup.tsx
index 89ed7a7a761..1531f91b083 100644
--- a/packages/harmony/src/components/popup/Popup.tsx
+++ b/packages/harmony/src/components/popup/Popup.tsx
@@ -205,7 +205,8 @@ export const PopupInternal = forwardRef<
     shadow = 'mid',
     fixed,
     takeWidthOfAnchor,
-    disableAutoFlip = false
+    disableAutoFlip = false,
+    disableDefaultStyles = false
   } = props
   const { spring, shadows } = useTheme()
 
@@ -421,8 +422,14 @@ export const PopupInternal = forwardRef<
                 const AnimatedDiv = animatedAny.div as any
                 return (
                   <AnimatedDiv
-                    className={cn(styles.popup, className)}
-                    css={{ boxShadow: shadows[shadow] }}
+                    className={cn({
+                      [styles.popup]: !disableDefaultStyles
+                    }, className)}
+                    css={
+                      disableDefaultStyles
+                        ? undefined
+                        : { boxShadow: shadows[shadow] }
+                    }
                     ref={popupRef}
                     key={key}
                     style={{
diff --git a/packages/harmony/src/components/popup/types.ts b/packages/harmony/src/components/popup/types.ts
index 76e97006a74..421abcdfea5 100644
--- a/packages/harmony/src/components/popup/types.ts
+++ b/packages/harmony/src/components/popup/types.ts
@@ -105,4 +105,10 @@ export type PopupProps = {
    * Whether to take the width of the anchor element
    */
   takeWidthOfAnchor?: boolean
+
+  /**
+   * Disable Popup's default bordered and elevated surface styles.
+   * Useful when children provide their own surface chrome.
+   */
+  disableDefaultStyles?: boolean
 }