diff --git a/src/panels/lovelace/cards/energy/hui-energy-carbon-consumed-gauge-card.ts b/src/panels/lovelace/cards/energy/hui-energy-carbon-consumed-gauge-card.ts
index 680dc43bda..57cb9dcf6d 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-carbon-consumed-gauge-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-carbon-consumed-gauge-card.ts
@@ -21,6 +21,10 @@ import type { LovelaceCard } from "../../types";
 import { severityMap } from "../hui-gauge-card";
 import type { EnergyCarbonGaugeCardConfig } from "../types";
 
+const FORMAT_OPTIONS = {
+  maximumFractionDigits: 0,
+};
+
 @customElement("hui-energy-carbon-consumed-gauge-card")
 class HuiEnergyCarbonGaugeCard
   extends SubscribeMixin(LitElement)
@@ -129,6 +133,7 @@ class HuiEnergyCarbonGaugeCard
                 min="0"
                 max="100"
                 .value=${value}
+                .formatOptions=${FORMAT_OPTIONS}
                 .locale=${this.hass.locale}
                 label="%"
                 style=${styleMap({
diff --git a/src/panels/lovelace/cards/energy/hui-energy-self-sufficiency-gauge-card.ts b/src/panels/lovelace/cards/energy/hui-energy-self-sufficiency-gauge-card.ts
index d1b3221f6f..7ac4a11622 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-self-sufficiency-gauge-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-self-sufficiency-gauge-card.ts
@@ -19,6 +19,10 @@ import type { LovelaceCard } from "../../types";
 import { severityMap } from "../hui-gauge-card";
 import type { EnergySelfSufficiencyGaugeCardConfig } from "../types";
 
+const FORMAT_OPTIONS = {
+  maximumFractionDigits: 0,
+};
+
 @customElement("hui-energy-self-sufficiency-gauge-card")
 class HuiEnergySelfSufficiencyGaugeCard
   extends SubscribeMixin(LitElement)
@@ -174,8 +178,9 @@ class HuiEnergySelfSufficiencyGaugeCard
                 min="0"
                 max="100"
                 .value=${value}
-                .locale=${this.hass.locale}
                 label="%"
+                .formatOptions=${FORMAT_OPTIONS}
+                .locale=${this.hass.locale}
                 style=${styleMap({
                   "--gauge-color": this._computeSeverity(value),
                 })}
diff --git a/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts b/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts
index 4f5e6cbfdf..c9dee769da 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts
@@ -19,6 +19,10 @@ import type { LovelaceCard } from "../../types";
 import { severityMap } from "../hui-gauge-card";
 import type { EnergySolarGaugeCardConfig } from "../types";
 
+const FORMAT_OPTIONS = {
+  maximumFractionDigits: 0,
+};
+
 @customElement("hui-energy-solar-consumed-gauge-card")
 class HuiEnergySolarGaugeCard
   extends SubscribeMixin(LitElement)
@@ -109,8 +113,9 @@ class HuiEnergySolarGaugeCard
                 min="0"
                 max="100"
                 .value=${value}
-                .locale=${this.hass.locale}
                 label="%"
+                .formatOptions=${FORMAT_OPTIONS}
+                .locale=${this.hass.locale}
                 style=${styleMap({
                   "--gauge-color": this._computeSeverity(value),
                 })}