diff --git a/app/assets/styles/dialog.css b/app/assets/styles/dialog.css
index 0f44254..02402df 100644
--- a/app/assets/styles/dialog.css
+++ b/app/assets/styles/dialog.css
@@ -10,6 +10,7 @@ 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;