diff --git a/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts b/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts
index 801691a552..cebabd241c 100644
--- a/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts
+++ b/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts
@@ -292,7 +292,8 @@ export class HuiDialogEditView extends LitElement {
         ${this._params.viewIndex !== undefined
           ? html`
               <ha-button
-                class="warning"
+                variant="danger"
+                appearance="plain"
                 slot="secondaryAction"
                 @click=${this._deleteConfirm}
               >
@@ -650,7 +651,7 @@ export class HuiDialogEditView extends LitElement {
           width: 100%;
           justify-content: center;
         }
-        ha-button.warning {
+        ha-button[slot="secondaryAction"] {
           margin-right: auto;
           margin-inline-end: auto;
           margin-inline-start: initial;