Border Radius
We use rounded corners to make our sportsbook more friendly and modern.
We've curated our options to just three for ease of use.
- Small (sm) tokens can be used for smaller UI elements, like market selection buttons.
- Medium (md) tokens can be used for cards, alerts or modals.
- Large (lg) tokens can be used for buttons, pills and larger elements, like drawers.
Name
Figma usage
Current value
--border-radius-sm
4px
0.25rem
--border-radius-md
8px
0.5rem
--border-radius-lg
32px
2rem