Set border radius for buttons in theme.js?

Sorry for making so many issues, I just couldn’t find this in docs.

How do I set border radius for buttons?

I know how to set border for a variant.

buttons: {
    primary: {
      background: 'black',
      color: 'white',
      borderRadius: 40
    },
    secondary: {
      color: 'white',
      background: 'blue'
    }
  }

But I use the same border raidus everywhere. Is there any way to make all buttons have the same border?

I tried this:

  radii: {
    buttons: 48
  }

And this:

buttons: {
    borderRadius: 20,
    primary: {
      background: 'black',
      color: 'white'
    },
    secondary: {
      color: 'white',
      background: 'blue'
    }
  },

both don’t work

[talentlessguy]

Here is a working example: https://codesandbox.io/s/rebass-sandbox-gvs14

Thanks for demo!

I finally found what the hell was going on

I used rebass instead of rebass/styled-components all the time… and this caused the issue (most probably)

I feel so dumb…

[jxnblk]

Here is a working example: https://codesandbox.io/s/rebass-sandbox-gvs14