diff --git a/src/components/state-history-chart-timeline.js b/src/components/state-history-chart-timeline.js
index df144e22bb..3fcc9a5902 100644
--- a/src/components/state-history-chart-timeline.js
+++ b/src/components/state-history-chart-timeline.js
@@ -20,6 +20,10 @@ class StateHistoryChartTimeline extends LocalizeMixin(PolymerElement) {
         :host([rendered]) {
           opacity: 1;
         }
+
+        ha-chart-base {
+          direction: ltr;
+        }
       </style>
       <ha-chart-base
         data="[[chartData]]"
@@ -185,6 +189,11 @@ class StateHistoryChartTimeline extends LocalizeMixin(PolymerElement) {
               afterSetDimensions: (yaxe) => {
                 yaxe.maxWidth = yaxe.chart.width * 0.18;
               },
+              position: this.hass.translationMetadata.translations[
+                this.hass.selectedLanguage || this.hass.language
+              ].isRTL
+                ? "right"
+                : "left",
             },
           ],
         },