From 099e317d17dea9549d5a2027c6b7649148447337 Mon Sep 17 00:00:00 2001
From: karwosts <32912880+karwosts@users.noreply.github.com>
Date: Wed, 30 Aug 2023 04:37:50 -0700
Subject: [PATCH] Fix zone dialog rendering wider than the window (#17642)

---
 src/panels/config/zone/dialog-zone-detail.ts | 2 +-
 src/resources/styles.ts                      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

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;
   }