diff --git a/artifacts/tx-os/src/index.css b/artifacts/tx-os/src/index.css
index 8acbd991..b63acbe0 100644
--- a/artifacts/tx-os/src/index.css
+++ b/artifacts/tx-os/src/index.css
@@ -420,3 +420,22 @@
   }
 }
 
+/*
+ * Arabic dot/diacritic clipping fix for truncated text (Task #503 follow-up).
+ *
+ * `.truncate` uses `overflow: hidden` + `white-space: nowrap`. With Tailwind's
+ * default tight line-heights on small text (text-xs / text-sm / text-[11px]),
+ * the line-box is shorter than what Arabic glyphs actually paint — the dots
+ * under ي / ب / ج and over ت / ن get sliced off, especially on iPad/WebKit
+ * which rasterizes these faces a hair taller than desktop.
+ *
+ * Fix: when the document is in RTL, give every truncated element a roomier
+ * line-height so the line-box covers the full glyph extent. 1.6 matches what
+ * we shipped for the launcher tiles in #503 and is safe for single-line
+ * (`white-space: nowrap`) layouts where vertical rhythm doesn't matter.
+ */
+html[dir="rtl"] .truncate {
+  line-height: 1.6;
+}
+
+