Button Group classes are missing border-radius properties

The Button Group (btn-group) classes are missing border-radius values. While the Buttons (btn) contained within the Button Group have their own border radius values, the Button Group itself also needs matching values. The problem is not apparent until a Shadow class is applied to a Button Group.

Applying a shadow or shadow-lg class to the btn-group produces a Button Group with a squared off white corners showing on all four corners of the Button Group, like so:

To remedy this we just need to add border-radius values to the following classes:

• btn-group : 0.25rem
• btn-group-sm : 0.2rem
• btn-group-lg : 0.3rem

Doing so fixes the problem and eliminates the squared off corners of the btn-group, producing a Button group with the desired results:

[AndyJiang99]

Hey @XhmikosR , opened a PR (#35467) to address this issue. I wasn’t able to add a reviewer directly on the PR so I figured this might be a better way to bring your attention to this. Thanks! 😃

Can I work with you on this?

Thanks for reaching out. I think the PR is pretty much done now, just waiting for approval for it to be merged into the main branch so this issue should be good to go. I don’t think there is anything else to do, so I don’t need help for anything for this issue. Thanks anyways though

[Darkace01]

Hey @XhmikosR , opened a PR (#35467) to address this issue. I wasn’t able to add a reviewer directly on the PR so I figured this might be a better way to bring your attention to this. Thanks! 😃

Can I work with you on this?