Skip to main content

no-magic-number-spacing

Magic number spacing should use scale values.

SeverityDimensionFiles
InfoConsistency.tsx .jsx .css

What it flags

A line like this:

const Card = styled.div`padding: 24px;`

is reported as:

Magic number spacing "padding: 24px" — use spacing scale tokens

How to fix it

Use spacing scale values (e.g., p-4, gap-2) instead of arbitrary values.

Was this page helpful?

Last reviewed by @jschuyler
All systems operationalDocsDevelopersPlatformPricing
PrivacyTerms© 2026 fndd, LLC