diff --git a/src/panels/config/areas/dialog-area-registry-detail.ts b/src/panels/config/areas/dialog-area-registry-detail.ts
index 75e361789a46..456d2ec8595e 100644
--- a/src/panels/config/areas/dialog-area-registry-detail.ts
+++ b/src/panels/config/areas/dialog-area-registry-detail.ts
@@ -126,7 +126,7 @@ class DialogAreaDetail extends LitElement {
             ></ha-aliases-editor>
           </div>
         </div>
-        <mwc-button slot="primaryAction" @click=${this.closeDialog}>
+        <mwc-button slot="secondaryAction" @click=${this.closeDialog}>
           ${this.hass.localize("ui.common.cancel")}
         </mwc-button>
         <mwc-button