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 60ed1350e7..9b3963485c 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
@@ -171,6 +171,7 @@ export class HuiCreateDialogCard extends LitElement implements HassDialog {
         ha-dialog {
           --mdc-dialog-max-width: 845px;
           --dialog-content-padding: 2px 24px 20px 24px;
+          --dialog-z-index: 5;
         }
 
         ha-dialog.table {
diff --git a/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts b/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
index c8caba2a48..87d5ea3115 100755
--- a/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
@@ -366,6 +366,7 @@ export class HuiDialogEditCard extends LitElement implements HassDialog {
 
         ha-dialog {
           --mdc-dialog-max-width: 845px;
+          --dialog-z-index: 5;
         }
 
         ha-header-bar {
diff --git a/src/panels/lovelace/editor/card-editor/hui-dialog-suggest-card.ts b/src/panels/lovelace/editor/card-editor/hui-dialog-suggest-card.ts
index 00e7d8b5a0..0a23b164e6 100755
--- a/src/panels/lovelace/editor/card-editor/hui-dialog-suggest-card.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-dialog-suggest-card.ts
@@ -140,6 +140,7 @@ export class HuiDialogSuggestCard extends LitElement {
         }
         ha-paper-dialog {
           max-width: 845px;
+          --dialog-z-index: 5;
         }
         mwc-button ha-circular-progress {
           width: 14px;