Current Behavior 😯

When you put a .table-striped inside a .card, and you have an odd row at the top or bottom, the top or bottom border radius respectively of the card gets ignored. Giving you a sharp corner.

Expected Behavior 🤔

The card keeps its border radius.

Steps to Reproduce 🕹

Most basic:

<div class="card">
    <table class="table table-striped">
        <tbody>
            <tr><td>Something 1</td></tr>
            <tr><td>Something 2</td></tr>
        </tbody>
    </table>
</div>

Your Environment 🌎

• Browser: Chrome 102.0.5005.63
• OS: Windows 10
• Screen size: no impact

Screenshots 📷

The phenomenon can be seen on the adminkit live demo page (Striped Rows section: https://demo.adminkit.io/tables-bootstrap.html
Here is a gif of the demo page (look at bottom radiuses):

For me it looks like this (look at top radiuses):