diff --git a/src/cards/ha-weather-card.js b/src/cards/ha-weather-card.js
index 4f27663ede..ea145c6b67 100644
--- a/src/cards/ha-weather-card.js
+++ b/src/cards/ha-weather-card.js
@@ -140,6 +140,10 @@ class HaWeatherCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
         .precipitation {
           color: var(--secondary-text-color);
         }
+
+        :host([rtl]) .precipitation {
+          direction: ltr;
+        }
       </style>
       <ha-card>
         <div class="header">