From b37f97128a0c110f0b256ccff60b51cf4ea67d4d Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Mon, 16 May 2022 23:20:19 -0700
Subject: [PATCH] Fix float-end for LTR (#12707)

---
 src/state/translations-mixin.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/state/translations-mixin.ts b/src/state/translations-mixin.ts
index 3178271b6d..8205817911 100644
--- a/src/state/translations-mixin.ts
+++ b/src/state/translations-mixin.ts
@@ -191,7 +191,10 @@ export default <T extends Constructor<HassBaseEl>>(superClass: T) =>
       this.style.direction = direction;
       document.dir = direction;
       this.style.setProperty("--direction", direction);
-      this.style.setProperty("--float-end", "left");
+      this.style.setProperty(
+        "--float-end",
+        direction === "ltr" ? "right" : "left"
+      );
     }
 
     /**