Button.Group should use inline-flex instead of flex

[vaynevayne]

[12rambau]

This conversation have been started some time ago with no traction but i'm actually facing the same problem. To describe it with more words, my problem is that the ButtonGroup is not merging the borders where 2 buttons are touching making it either very think when the colors are the same (my case) or clearly divergent when like in the OP message, they should blend.

Would it be possible to change that ?

Note: I'm not using mantine directly but it's port to Dash for python users, I can eventually try to work on it but I'm not a seasoned front-end developer and will thus require some guidances to understand where to look.

I check your documentation to make sure my question is aligned with latest and it seems it's the case according to what i see in https://mantine.dev/core/button/#buttongroup

[rtivital]

I see that in that demo borders are merged – there is 1px border between buttons. Can you check with the team who suppors dash components to see if they've missed something?

[12rambau]

this is what I see when I load the demo page and they don't look merged to me:

But if I zoom at 200% they get merged back:

I have the same behaviour on chrome, edge and firefox, is it device related ?