diff --git a/packages/web/src/javascripts/Components/Modal/ModalOverlay.tsx b/packages/web/src/javascripts/Components/Modal/ModalOverlay.tsx
index 4ec9cf563..aeb675928 100644
--- a/packages/web/src/javascripts/Components/Modal/ModalOverlay.tsx
+++ b/packages/web/src/javascripts/Components/Modal/ModalOverlay.tsx
@@ -57,6 +57,7 @@ const ModalOverlay = forwardRef(
       const div = document.createElement('div')
       div.id = id
       div.className = 'fixed flex items-center justify-center left-0 top-0 z-modal h-full w-full pointer-events-none'
+      div.setAttribute('data-dialog-portal', '')
       document.body.appendChild(div)
       return div
     }, [portalId])
diff --git a/packages/web/src/stylesheets/_modals.scss b/packages/web/src/stylesheets/_modals.scss
index 795ef62da..72a067823 100644
--- a/packages/web/src/stylesheets/_modals.scss
+++ b/packages/web/src/stylesheets/_modals.scss
@@ -151,7 +151,7 @@
 }
 
 [data-mobile-popover],
-[role='dialog'] {
+[data-dialog-portal] {
   max-height: none;
   max-height: var(--ios-viewport-height, none);
 }