Background color on card styles with list groups get overriden

Created by: vanillajonathan

The .list-group-item class sets the background-color property which overrides the property declared by the .bg-warning class.

  <div class="card text-white bg-warning mb-3">
    <div class="card-header">Card header</div>
    <ul class="list-group list-group-flush">
      <li class="list-group-item">Item 1</li>
      <li class="list-group-item">Item 2</li>
      <li class="list-group-item">Item 3</li>
    </ul>
  </div>

Test case, see: https://jsbin.com/tuqerepobe/edit?html,output