diff --git a/src/panels/config/zone/dialog-zone-detail.ts b/src/panels/config/zone/dialog-zone-detail.ts
index b7e7ad3982..4b655ea3d1 100644
--- a/src/panels/config/zone/dialog-zone-detail.ts
+++ b/src/panels/config/zone/dialog-zone-detail.ts
@@ -236,7 +236,7 @@ class DialogZoneDetail extends LitElement {
       haStyleDialog,
       css`
         ha-dialog {
-          --mdc-dialog-min-width: 600px;
+          --mdc-dialog-min-width: min(600px, 95vw);
         }
         @media all and (max-width: 450px), all and (max-height: 500px) {
           ha-dialog {
diff --git a/src/resources/styles.ts b/src/resources/styles.ts
index 1c077cb815..5946c95d10 100644
--- a/src/resources/styles.ts
+++ b/src/resources/styles.ts
@@ -299,6 +299,7 @@ export const haStyleDialog = css`
   ha-dialog {
     --mdc-dialog-min-width: 400px;
     --mdc-dialog-max-width: 600px;
+    --mdc-dialog-max-width: min(600px, 95vw);
     --justify-action-buttons: space-between;
   }