Buttons do not show up properly in a table without a tbody

Created by: jsgoupil

When using Angular, somehow, the tbody does not show up in the resulting HTML. So this following code:

<body>
  <div class="container">
    <table class="table">
      <tr>
        <td><button class="btn btn-danger">Delete</button>
        </td>
      </tr>
    </table>
  </div>
</body>

will show a button with an incorrect background. To force the tbody to be removed, I wrote some JavaScript in the code pen.

https://codepen.io/jsgoupil/pen/oNZqKvX

This worked fine on version 4.6.0

Version:

Bootstrap: 5.0.1
Browser: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36 Edg/91.0.864.37