diff --git a/src/components/ha-alert.ts b/src/components/ha-alert.ts
index 22d9d6e38a..bc970e8eaf 100644
--- a/src/components/ha-alert.ts
+++ b/src/components/ha-alert.ts
@@ -8,6 +8,7 @@ import {
import { css, html, LitElement, nothing } from "lit";
import { customElement, property } from "lit/decorators";
import { classMap } from "lit/directives/class-map";
+import type { LocalizeFunc } from "../common/translations/localize";
import { fireEvent } from "../common/dom/fire_event";
import "./ha-icon-button";
import "./ha-svg-icon";
@@ -38,6 +39,8 @@ class HaAlert extends LitElement {
@property({ type: Boolean }) public dismissable = false;
+ @property({ attribute: false }) public localize?: LocalizeFunc;
+
@property({ type: Boolean }) public narrow = false;
public render() {
@@ -65,7 +68,7 @@ class HaAlert extends LitElement {
${this.dismissable
? html``
: nothing}
diff --git a/src/panels/lovelace/cards/energy/hui-energy-compare-card.ts b/src/panels/lovelace/cards/energy/hui-energy-compare-card.ts
index ca9dd35d5a..6bf498ce08 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-compare-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-compare-card.ts
@@ -143,7 +143,11 @@ export class HuiEnergyCompareCard
);
return html`
-
+
${this.hass.localize(
"ui.panel.lovelace.cards.energy.energy_compare.info",
{
diff --git a/src/translations/en.json b/src/translations/en.json
index 2993ae671c..36e20fac08 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -443,6 +443,7 @@
"update": "Update",
"hide": "Hide",
"close": "Close",
+ "dismiss_alert": "Dismiss alert",
"clear": "Clear",
"leave": "Leave",
"stay": "Stay",