Switch to M&T
Overview

Padding

Padding is the spacing within an element’s defined borders.

## Values
2px - XXX Small
4px - XX Small
8px - X Small
12px - Small
16px - Medium
24px - Large
32px - X Large
48px - XX Large
64px - XXX Large
Currency components have padding built in but for variants, use our predefined padding values to maintain consistent space throughout your designs. Use less space between small components, or components that share a functional relationship. Use more space between large components or components that are not functionally related.