Bootstrap 5.3.x missing rounded borders bug with nested cards in card groups and horizontal stacking

HTML

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js" integrity="sha384-k6d4wzSIapyDyv1kpU366/PK5hCdSbCRGRCMv+eplOQJWyd1fbcAu9OCUj5zNLiq" crossorigin="anonymous"></script>
<div class="card-group">
  <div class="card">
    <div class="card-header hstack">
      Parent Card 1
    </div>
    <div class="card-body">
      <div class="card">
        <div class="card-header text-bg-danger">
          Nested Card 1
        </div>
        <div class="card-body">
          Nested Card 1 Content
        </div>
        <div class="card-footer text-bg-warning">
          Nested Footer 1
        </div>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="card-header hstack">
      Parent Card 2
    </div>
    <div class="card-body">
      <div class="card">
        <div class="card-header text-bg-danger">
          Nested Card 2
        </div>
        <div class="card-body">
          Nested Card 2 Content
        </div>
        <div class="card-footer text-bg-warning">
          Nested Footer 2
        </div>
      </div>
    </div>
  </div>
</div>

CSS

body {
  padding: 15px;
}