diff --git a/alfa-client/libs/design-system/src/lib/dialog-container/dialog-container.component.ts b/alfa-client/libs/design-system/src/lib/dialog-container/dialog-container.component.ts
index ceed8aa71c7864e917a1fa6ec589e2ffe0c8deac..3df7faf24a83fb4ed3965b741004cdc53aaeabb6 100644
--- a/alfa-client/libs/design-system/src/lib/dialog-container/dialog-container.component.ts
+++ b/alfa-client/libs/design-system/src/lib/dialog-container/dialog-container.component.ts
@@ -5,8 +5,8 @@ import { Component } from '@angular/core';
   standalone: true,
   imports: [],
   template: `
-    <div class="static flex w-[calc(50vw)] flex-col">
-      <div class="flex grow flex-col rounded-lg bg-background-50 p-6 shadow-md">
+    <div class="static flex w-[calc(100vw-2rem)] justify-center">
+      <div class="flex max-w-4xl grow flex-col rounded-lg bg-background-50 p-6 shadow-md">
         <ng-content />
       </div>
     </div>