[Bug] Input-group styling seems to overflow its container

[MattJonesSiteglide]

Version

1.0.9

Reproduction link

https://www.creative-tim.com/learning-lab/bootstrap/input-group/soft-ui-design-system

Operating System

Windows 11

Device

Laptop

Browser & Version

Chrome 119.0.6045.125

Steps to reproduce

1. Check the first example on the page-
   https://www.creative-tim.com/learning-lab/bootstrap/input-group/soft-ui-design-system

What is expected?

Borders should go consistently around the group.

What is actually happening?

Some elements seem to be cropped as they overflow their container, or are absolutely positioned so some of the element is cropped. See video for how it looks on my browser:
https://vimeo.com/885263884/0d8c33ab91?share=copy

---

Solution

Additional comments

The original BS5 behaviour seems much sharper:
https://getbootstrap.com/docs/5.2/forms/input-group/#basic-example