diff --git a/app/assets/styles/dialog.css b/app/assets/styles/dialog.css
index 02402df..7338d36 100644
--- a/app/assets/styles/dialog.css
+++ b/app/assets/styles/dialog.css
@@ -2,7 +2,7 @@
 dialog {
     top: 50%;
     left: 50%;
-    width: 100vw;
+    width: clamp(400px, 100vw, calc(var(--page-max-width) - var(--padding-xxl) * 2));
     translate: -50% -50%;
     border: none;
     border-radius: var(--radius-default);
@@ -10,7 +10,6 @@ dialog {
     font-size: var(--font-size-default);
     color: var(--color-darkest);
     position: relative;
-    max-width: calc(var(--page-max-width) - var(--padding-xxl) * 2);
 
     opacity: 0;
     scale: 0;