From 200fff506ceadd4018eea19ffff2782e87149045 Mon Sep 17 00:00:00 2001
From: Yosi Levy <37745463+yosilevy@users.noreply.github.com>
Date: Mon, 3 Oct 2022 11:22:01 +0300
Subject: [PATCH] Fix alignment of float label (#13958)

---
 src/components/ha-textfield.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/ha-textfield.ts b/src/components/ha-textfield.ts
index 5377e71e7f..0849270fd5 100644
--- a/src/components/ha-textfield.ts
+++ b/src/components/ha-textfield.ts
@@ -86,7 +86,10 @@ export class HaTextField extends TextFieldBase {
         text-overflow: ellipsis;
         width: inherit;
         padding-right: 30px;
+        padding-inline-end: 30px;
+        padding-inline-start: initial;
         box-sizing: border-box;
+        direction: var(--direction);
       }
 
       input {
@@ -118,7 +121,7 @@ export class HaTextField extends TextFieldBase {
         inset-inline-end: initial !important;
         transform-origin: var(--float-start);
         direction: var(--direction);
-        transform-origin: var(--float-start);
+        text-align: var(--float-start);
       }
 
       .mdc-text-field--with-leading-icon.mdc-text-field--filled