diff --git a/web/src/features/dialog/AlertDialog.tsx b/web/src/features/dialog/AlertDialog.tsx
index 96275a7..cfb7da4 100644
--- a/web/src/features/dialog/AlertDialog.tsx
+++ b/web/src/features/dialog/AlertDialog.tsx
@@ -52,6 +52,7 @@ const AlertDialog: React.FC = () => {
         withCloseButton={false}
         overlayOpacity={0.5}
         exitTransitionDuration={150}
+        transition="fade"
         title={<ReactMarkdown>{dialogData.header}</ReactMarkdown>}
       >
         <Stack>
diff --git a/web/src/features/dialog/InputDialog.tsx b/web/src/features/dialog/InputDialog.tsx
index 658933a..100e8a9 100644
--- a/web/src/features/dialog/InputDialog.tsx
+++ b/web/src/features/dialog/InputDialog.tsx
@@ -75,6 +75,7 @@ const InputDialog: React.FC = () => {
         title={fields.heading}
         withCloseButton={false}
         overlayOpacity={0.5}
+        transition="fade"
         exitTransitionDuration={150}
       >
         <Stack>