diff --git a/artifacts/tx-os/src/pages/notes.tsx b/artifacts/tx-os/src/pages/notes.tsx index 497a0221..51972719 100644 --- a/artifacts/tx-os/src/pages/notes.tsx +++ b/artifacts/tx-os/src/pages/notes.tsx @@ -304,11 +304,17 @@ export default function NotesPage() { className="absolute top-1/2 -translate-y-1/2 text-muted-foreground" style={isRtl ? { right: 10 } : { left: 10 }} /> + {/* The icon sits on the start side in both directions + (right in RTL, left in LTR), so the input's reserved + padding must also be on the start side — using `ps-9` + here unconditionally. The previous `pe-9` in RTL put + the padding on the left while the icon was on the + right, which let the placeholder overlap the icon. */} setSearch(e.target.value)} placeholder={t("notes.searchPlaceholder", "Search notes")} - className={isRtl ? "pe-9" : "ps-9"} + className="ps-9" />