Our extra small padding is 8px. This is the base padding on components and is especially used across buttons, form inputs and list items.
Our small padding is 16px. This is the most commonly used horizontally within form inputs and also across page containers.
Our medium padding is 24px. Medium padding is common in global navigation and is used in cards and mobile page containers.
Our large padding is 32px. Large padding is typically used across desktop and on modals.