Additional border between card-header and list-group-flush in bs 4.5.

[brettryan]

Before opening:

As of bootstrap v4.5 adding a list-group-flush to a card will now result in an inherited border between card-header and the list-group.

This is evident in the two examples comparing 4.4 and 4.5:

Note the markup from the example as follows:

<div class="card" style="width: 18rem;">
  <ul class="list-group list-group-flush">
    <li class="list-group-item">Cras justo odio</li>
    <li class="list-group-item">Dapibus ac facilisis in</li>
    <li class="list-group-item">Vestibulum at eros</li>
  </ul>
</div>

This has been confirmed with the following browsers:

• Safari: Version 13.1 (15609.1.20.111.8)
• Fx: 75.0 (64-bit)
• Chrome: 83.0.4103.61 (Official Build) (64-bit)

[XhmikosR]

@twbs/css-review isn't this already fixed in v4-dev?

[ffoodd]

Fixed by #30808, duplicate of #30793 — @brettryan this'll be fixed in the next v4 :)

[brettryan]

Thanks so much guys. :) Sorry for creating the duplicate, I did search but my search skills not so good I guess lol.