diff --git a/packages/web/src/javascripts/Components/Dropdown/Dropdown.tsx b/packages/web/src/javascripts/Components/Dropdown/Dropdown.tsx
index 23b29a0de..d42dc257a 100644
--- a/packages/web/src/javascripts/Components/Dropdown/Dropdown.tsx
+++ b/packages/web/src/javascripts/Components/Dropdown/Dropdown.tsx
@@ -29,6 +29,13 @@ type DropdownProps = {
 const Dropdown = ({ label, value, onChange, items, disabled, fullWidth, classNameOverride = {} }: DropdownProps) => {
   const select = useSelectStore({
     defaultValue: value,
+    renderCallback(props) {
+      const { popoverElement, defaultRenderCallback } = props
+      defaultRenderCallback()
+      if (popoverElement) {
+        popoverElement.style.zIndex = 'var(--z-index-dropdown-menu)'
+      }
+    },
   })
 
   const selectedValue = select.useState('value')