List group item (horizontal) single item border-bottom-left-radius: 0

Created by: oakleaf

Prerequisites

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

Describe the issue

https://getbootstrap.com/docs/5.2/components/list-group/#horizontal

Delete all items except one in the Horizontal list, and the last item will loose it's border-bottom-left-radius.

Expecting the bottom left edge to preserve it's border radius as all other edges. I can see that the .list-group-item:first-child actually solves this, but is overwritten by :last-child. Maybe just re-prioritize the sass so :first-child is inherited first?

Reduced test cases

.list-group-horizontal>.list-group-item:first-child{ border-bottom-left-radius: var(--bs-list-group-border-radius) !important; }

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

macOS

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

Chrome

What version of Bootstrap are you using?

v5.2.0