diff --git a/src/components/ha-textfield.ts b/src/components/ha-textfield.ts
index c67f2160fe..1f8da98dde 100644
--- a/src/components/ha-textfield.ts
+++ b/src/components/ha-textfield.ts
@@ -98,6 +98,7 @@ export class HaTextField extends TextFieldBase {
       .mdc-floating-label {
         inset-inline-start: 16px !important;
         inset-inline-end: initial !important;
+        transform-origin: var(--float-start);
         direction: var(--direction);
       }