We make an effort to consistently use `rem` units for spacing throughout the app.
The spacing defaults are inherited from [tailwind](#/Tools?id=section-tailwind) UI spacing.

With `1rem` being equivalent to `16px`, we slice our spacing needs from the rem value starting at `0.25rem` which is `4px`. Here's what the chart of our usage looks like:

| Rem unit | Pixel unit  | Space value  | Examples classes |
|--- | --- | --- | --- |
0.25rem | 4px | 1 | `mb-1`, `px-1`, `w-1`
0.5rem | 8px | 2 | `mb-2`, `px-2`, `w-2`
0.75rem | 12px | 3 | `mb-4`, `px-4`, `w-4`
1rem | 16px | 4 | `mb-4`, `px-4`, `w-4`


Learn more on [tailwind spacing](https://tailwindcss.com/docs/customizing-spacing#default-spacing-scale)