diff --git a/app/assets/stylesheets/dialog.css b/app/assets/stylesheets/dialog.css
index 1336cad9b..97f2e7a76 100644
--- a/app/assets/stylesheets/dialog.css
+++ b/app/assets/stylesheets/dialog.css
@@ -7,17 +7,16 @@
   :is(.dialog) {
     border: 0;
     opacity: 0;
-    transform: scale(0.2);
-    transform-origin: top center;
-    transition: var(--dialog-duration) allow-discrete;
-    transition-property: display, opacity, overlay, transform;
+    transform: scale(0.9);
+    transform-origin: center;
+    transition: var(--dialog-duration) ease-out allow-discrete;
+    transition-property: opacity, overlay, transform;
 
     &::backdrop {
       background-color: var(--color-black);
-      opacity: 0;
-      transform: scale(1);
-      transition: var(--dialog-duration) allow-discrete;
-      transition-property: display, opacity, overlay;
+      opacity: 0.4;
+      transition: var(--dialog-duration) ease-out allow-discrete;
+      transition-property: opacity, overlay;
     }
 
     &[open] {
@@ -32,11 +31,11 @@
     @starting-style {
       &[open] {
         opacity: 0;
-        transform: scale(0.2);
+        transform: scale(0.9);
       }
 
       &[open]::backdrop {
-        opacity: 0;
+        opacity: 0.4;
       }
     }
   }