diff --git a/web/src/components/dialog/DialogHolder.svelte b/web/src/components/dialog/DialogHolder.svelte
index 3f2e9149..1b265758 100644
--- a/web/src/components/dialog/DialogHolder.svelte
+++ b/web/src/components/dialog/DialogHolder.svelte
@@ -57,12 +57,6 @@
         display: none;
     }
 
-    @media screen and (max-width: 535px) {
-        :global(dialog) {
-            justify-content: end;
-        }
-    }
-
     #dialog-holder {
         position: absolute;
         padding-top: env(safe-area-inset-bottom);
@@ -130,6 +124,10 @@
     }
 
     @media screen and (max-width: 535px) {
+        :global(dialog) {
+            justify-content: flex-end;
+        }
+
         :global(dialog.open .dialog-body) {
             animation: modal-in-mobile 0.4s;
         }
@@ -170,10 +168,13 @@
     }
 
     @keyframes modal-in-mobile {
-        from {
-            transform: translateY(200px);
+        0% {
+            transform: translateY(0);
             opacity: 0;
         }
+        1% {
+            transform: translateY(200px);
+        }
         30% {
             opacity: 1;
         }