diff --git a/packages/web/src/javascripts/Components/AlertDialog/AlertDialog.tsx b/packages/web/src/javascripts/Components/AlertDialog/AlertDialog.tsx
index 605cfb239..798ea92eb 100644
--- a/packages/web/src/javascripts/Components/AlertDialog/AlertDialog.tsx
+++ b/packages/web/src/javascripts/Components/AlertDialog/AlertDialog.tsx
@@ -14,7 +14,7 @@ const AlertDialog = ({
   })
 
   return (
-    <Dialog store={dialog} role="alertdialog" className="h-full w-full" backdropProps={{ className: '!z-modal' }}>
+    <Dialog store={dialog} role="alertdialog" className="fixed top-0 left-0 z-modal h-full w-full">
       <div
         className="absolute z-0 h-full w-full bg-passive-5 opacity-25 md:opacity-75"
         role="presentation"
diff --git a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialog.tsx b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialog.tsx
index 389e4bfb6..3cc04ecdd 100644
--- a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialog.tsx
+++ b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialog.tsx
@@ -18,10 +18,7 @@ const HistoryModalDialog = forwardRef(({ children, onDismiss }: Props, ref: Forw
       store={dialog}
       aria-label="Note revision history"
       ref={ref}
-      backdropProps={{
-        className: '!z-modal',
-      }}
-      className="h-full w-full"
+      className="fixed top-0 left-0 z-modal h-full w-full"
     >
       <div
         className="absolute z-0 h-full w-full bg-passive-5 opacity-0 md:opacity-75"