i can't change Input component border-radius, pls tell me resolve methods

[g17628381307]

  <Input
    css={{ marginTop: 60 }}
    width="508px"
    clearable
    color="primary"
    contentRightStyling={false}
    bordered
    labelPlaceholder="What's your phone number?"
    contentRight={
      <Button auto css={{ borderRadius: '0 8px 8px 0', width: 150 }}>
        APPLY
      </Button>
    }
  />

this my code, i need a change borderRadius methods,

[tianenpang]

Hi @g17628381307 you can override it at the component-level by using css or globally with createTheme.

Here's an example: codesandbox.io/s/nextui-discussion-854-l64i83