Button groups last button outline is thick/double when compared to earlier buttons

[Shashank-Bhatt1]

Prerequisites

• [X] I have searched for duplicate or closed issues
• [X] I have validated any HTML to avoid common problems
• [X] I have read the contributing guidelines

Describe the issue

Hi I have tried to take button outline variants inside button group but it looks like there is small bug when the last button's left side outline is double.

We can see at this sections in this doc page where the last button;s outline is thicker than earlier two.

https://getbootstrap.com/docs/5.0/components/button-group/#outlined-styles

Reference screenshot is attached here. /button-group/#outlined-styles

Reduced test cases

https://getbootstrap.com/docs/5.0/components/button-group/#outlined-styles

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

v5.1.0

[mdo]

Are you zoomed in or out at all? This can happen due to pixel rounding—it's not a thicker border, but rather two borders overlapping improperly.

[abhishekkmukherjee]

I don't see any bug in this , It looks fine in my browser. I have checked it on chrome and brave also.

[ManojTGN]

Are you zoomed in or out at all? This can happen due to pixel rounding—it's not a thicker border, but rather two borders overlapping improperly.

On My Display It Is Clean

But When I Tried To Zoom In/Out A Little Bit The Border Is Uneven

[mdo]

Closing as a zoom issue—there's really nothing we can do for that I'm afraid.