border in td doesn't doesn't show top border

[r4cker]

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

I want to hightlight a cell in a table. I use the class "border border-success" but the top border doesn't show. It seems like the row border is overriding the border.

The quick fix was to change the border style to ridge :

<style>
thead, tbody, tfoot, tr, td, th {
            border-style: ridge;
}
</style>

Reduced test cases

https://codepen.io/Ben-Pouy/pen/BavywyQ

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?

5.2