diff --git a/packages/web/components/elements/MenuTrigger.tsx b/packages/web/components/elements/MenuTrigger.tsx
new file mode 100644
index 000000000..4ec61eef5
--- /dev/null
+++ b/packages/web/components/elements/MenuTrigger.tsx
@@ -0,0 +1,27 @@
+import { DotsThreeVertical } from 'phosphor-react'
+import { theme } from '../tokens/stitches.config'
+import { Box } from './LayoutPrimitives'
+
+export function MenuTrigger(): JSX.Element {
+  return (
+    <Box
+      css={{
+        display: 'flex',
+        height: '20px',
+        width: '20px',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: '1000px',
+        '&:hover': {
+          bg: '#898989',
+        },
+      }}
+    >
+      <DotsThreeVertical
+        size={20}
+        color={theme.colors.thTextContrast2.toString()}
+        weight="bold"
+      />
+    </Box>
+  )
+}