# [Clerk components RTL support](https://github.com/clerk/javascript/pull/7718)

Published: Sun, Jul 19, 2026
Source: [github.com](https://github.com/clerk/javascript/pull/7718)

Migrating to CSS logical properties for RTL support, so layout, spacing, borders, and positioning mirror correctly across locales.

```tsx
<Box
  sx={t=> ({
    marginRight: t.space.$1,// [!code --]
    marginInlineEnd: t.space.$1,// [!code ++]
  })}
/>
```

ESLint rule prevents physical left/right CSS from creeping back in.