diff --git a/src/components/TextField/text-field.module.scss b/src/components/TextField/text-field.module.scss
index 0214a0e..f1c15a8 100644
--- a/src/components/TextField/text-field.module.scss
+++ b/src/components/TextField/text-field.module.scss
@@ -1,3 +1,5 @@
+@use "../../styles/mixins" as dir;
+
 $root: text-field;
 
 .#{$root} {
@@ -16,6 +18,10 @@ $root: text-field;
     box-shadow var(--transition-speed-sm),
     background var(--transition-speed-sm);
 
+  @include dir.rtl {
+    flex-direction: row-reverse;
+  }
+
   &:has(&__input:focus) {
     border-color: var(--text-field-focus-border-color, color-mix(in srgb, white 40%, var(--primary-color)));
     box-shadow: var(--text-field-focus-shadow, 0 0 4px var(--primary-color));
diff --git a/src/components/Truncate/Truncate.tsx b/src/components/Truncate/Truncate.tsx
index ff1d053..75dc07e 100644
--- a/src/components/Truncate/Truncate.tsx
+++ b/src/components/Truncate/Truncate.tsx
@@ -90,7 +90,10 @@ const Truncate: ForwardRefRenderFunction<HTMLSpanElement, TruncateProps> = (prop
             observer.observe(el);
         }
 
+        window.addEventListener("resize", measureAndTrim);
+
         return () => {
+            window.removeEventListener("resize", measureAndTrim);
             observer?.disconnect();
             cancelAnimationFrame(animationFrameId);
         };