diff --git a/src/panels/lovelace/editor/card-editor/hui-dialog-create-card.ts b/src/panels/lovelace/editor/card-editor/hui-dialog-create-card.ts
index deb970b0f8c2..56a0cec39441 100644
--- a/src/panels/lovelace/editor/card-editor/hui-dialog-create-card.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-dialog-create-card.ts
@@ -201,7 +201,7 @@ export class HuiCreateDialogCard
 
         @media (min-width: 1200px) {
           ha-dialog {
-            --mdc-dialog-max-width: calc(100% - 32px);
+            --mdc-dialog-max-width: calc(100vw - 32px);
             --mdc-dialog-min-width: 1000px;
           }
         }