diff --git a/src/panels/lovelace/editor/section-editor/hui-dialog-edit-section.ts b/src/panels/lovelace/editor/section-editor/hui-dialog-edit-section.ts
index 0c86c42d4f92..de52e9688819 100644
--- a/src/panels/lovelace/editor/section-editor/hui-dialog-edit-section.ts
+++ b/src/panels/lovelace/editor/section-editor/hui-dialog-edit-section.ts
@@ -205,7 +205,7 @@ export class HuiDialogEditSection
             : nothing}
         </ha-dialog-header>
         ${content}
-        <ha-button slot="secondaryAction">
+        <ha-button slot="secondaryAction" @click=${this._cancel}>
           ${this.hass!.localize("ui.common.cancel")}
         </ha-button>