diff --git a/src/components/ha-dialog.ts b/src/components/ha-dialog.ts
index 9cf199dbe5..19401d826d 100644
--- a/src/components/ha-dialog.ts
+++ b/src/components/ha-dialog.ts
@@ -139,12 +139,12 @@ export class HaDialog extends DialogBase {
}
.header_button {
position: absolute;
- right: -8px;
- top: -8px;
+ right: -12px;
+ top: -12px;
text-decoration: none;
color: inherit;
inset-inline-start: initial;
- inset-inline-end: -8px;
+ inset-inline-end: -12px;
direction: var(--direction);
}
.dialog-actions {
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 c27b7024a2..e437a81362 100644
--- a/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
@@ -220,7 +220,6 @@ export class HuiDialogEditCard
? html`
+
${this.hass!.localize("ui.panel.lovelace.editor.save_config.para")} @@ -183,7 +196,19 @@ export class HuiSaveConfig extends LitElement implements HassDialog { } static get styles(): CSSResultGroup { - return [haStyleDialog]; + return [ + haStyleDialog, + css` + ha-dialog { + --dialog-content-padding: 0 24px 24px 24px; + } + + ha-dialog-header a { + color: inherit; + text-decoration: none; + } + `, + ]; } }