# `react-doctor/no-wide-letter-spacing`

Reserve wide tracking (letter-spacing > 0.05em) for short uppercase labels, navigation items, and buttons — not body text

- **Category:** Architecture
- **Severity:** warn
- **Source:** oxlint-plugin-react-doctor
- **Framework:** global
- **Enabled when:** always

## Validation prompt

Use this to decide whether a fired diagnostic is real or a false positive.

Confirm style.letterSpacing is greater than 0.05em AND the element does NOT have textTransform: 'uppercase'. The rule normalizes bare numbers and Npx to em assuming a 16px base. False positive: stylized hero brand-mark text where wide tracking is part of the established typographic system.

## Fix prompt

Use this once validation confirms the diagnostic is real.

Remove letterSpacing (typefaces ship with optimal tracking) or pair wide tracking with textTransform: 'uppercase' on short labels, nav items, and pill buttons. For display sizes, slightly negative tracking often reads tighter and more polished than positive tracking. See https://practicaltypography.com/letterspacing.html