Select size="sm" not keeping original borderRadius

[vitalijalbu]

Description

No theme applied;
As you can see buttons have bigger border-radius that select component (both setted to size="sm")

Link to Reproduction

no needed

Steps to reproduce

1. Create a sm button
2. Create a sm select
3. See different border radius

Chakra UI Version

latest

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[TylerAPfledderer]

Hey @vitalijalbu!

If you are just using the default theme config, this is expected as the default design choices are on a component-by-component basis.

You can see in the button theme that it has a border radius of md defined only in the base style.

And the border radius for the sm size of the select comes from the input theme, define as sm.

Reference in the select theme

Declared in the input theme

You'll need to extend the theme to override the choice of border radius specifically for the sm size of the select component (and ultimately the input component), or vice versa with the button.