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>