diff --git a/src/components/chart/ha-chart-base.ts b/src/components/chart/ha-chart-base.ts
index 426dc7283f..7e7c85498d 100644
--- a/src/components/chart/ha-chart-base.ts
+++ b/src/components/chart/ha-chart-base.ts
@@ -529,6 +529,7 @@ export class HaChartBase extends LitElement {
     :host {
       display: block;
       position: relative;
+      letter-spacing: normal;
     }
     .chart-container {
       position: relative;
diff --git a/src/components/chart/state-history-chart-line.ts b/src/components/chart/state-history-chart-line.ts
index b2f28c9a48..60006950ac 100644
--- a/src/components/chart/state-history-chart-line.ts
+++ b/src/components/chart/state-history-chart-line.ts
@@ -255,8 +255,7 @@ export class StateHistoryChartLine extends LitElement {
             margin: 5,
             formatter: (value: number) => {
               const label = formatNumber(value, this.hass.locale);
-              // adding 5px extra because preview is not accurate #24027
-              const width = measureTextWidth(label, 12) + 5 + 5;
+              const width = measureTextWidth(label, 12) + 5;
               if (width > this._yWidth) {
                 this._yWidth = width;
                 fireEvent(this, "y-width-changed", {