From f6e74de05ebf6c0f04380de159187334b70ff263 Mon Sep 17 00:00:00 2001
From: Kendell R <KTibow@users.noreply.github.com>
Date: Wed, 1 Nov 2023 02:38:02 -0700
Subject: [PATCH] Properly set direction styles (#18483)

---
 src/common/util/compute_rtl.ts  | 1 +
 src/state/translations-mixin.ts | 1 -
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/common/util/compute_rtl.ts b/src/common/util/compute_rtl.ts
index 7e71b1b15b..39719bee43 100644
--- a/src/common/util/compute_rtl.ts
+++ b/src/common/util/compute_rtl.ts
@@ -23,6 +23,7 @@ export function computeDirectionStyles(isRTL: boolean, element: LitElement) {
 }
 
 export function setDirectionStyles(direction: string, element: LitElement) {
+  document.dir = direction;
   element.style.direction = direction;
   element.style.setProperty("--direction", direction);
   element.style.setProperty(
diff --git a/src/state/translations-mixin.ts b/src/state/translations-mixin.ts
index 66b86a140a..db00f9c3c7 100644
--- a/src/state/translations-mixin.ts
+++ b/src/state/translations-mixin.ts
@@ -268,7 +268,6 @@ export default <T extends Constructor<HassBaseEl>>(superClass: T) =>
 
     private _applyDirection(hass: HomeAssistant) {
       const direction = computeRTLDirection(hass);
-      document.dir = direction;
       setDirectionStyles(direction, this);
     }