diff --git a/app/static/css/style.css b/app/static/css/style.css
index baa2ea3..23167f4 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -1452,8 +1452,8 @@ p {
   }
 
   .complete-dialog__surface {
-    width: min(100vw - 16px, 410px);
-    max-width: calc(100vw - 16px);
+    width: min(410px, 100%);
+    max-width: 100%;
     padding: 18px 16px;
     gap: 14px;
     overflow-x: hidden;
@@ -1602,11 +1602,17 @@ p {
 }
 
 .complete-dialog {
+  inset: 0;
+  width: 100vw;
+  max-width: 100vw;
+  min-height: 100vh;
+  margin: 0;
+  padding: 12px;
   border: 0;
-  padding: 0;
   background: transparent;
-  width: min(520px, calc(100vw - 16px));
-  max-width: calc(100vw - 16px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
   overflow: visible;
 }
 
@@ -1616,8 +1622,8 @@ p {
 }
 
 .complete-dialog__surface {
-  width: min(460px, calc(100vw - 24px));
-  max-width: calc(100vw - 24px);
+  width: min(460px, 100%);
+  max-width: 100%;
   padding: 24px;
   border-radius: 28px;
   background: var(--surface-strong);
@@ -1628,7 +1634,7 @@ p {
 }
 
 .complete-dialog__surface--task {
-  width: 100%;
+  width: min(520px, 100%);
   max-width: 100%;
   overflow-x: hidden;
   overscroll-behavior-x: contain;