Skip the navigation

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