.list-group-flush not working properly with Chrome 59

Created by: mcrapts

The following code used to work just fine in all browsers:

<div class="card mx-3 my-3" style="width: 300px">
    <h5 class="card-header list-group-header text-muted">Card header</h5>
    <div class="selection list-group-flush">
        <span class="list-group-item list-group-item-action">List item A</span>
        <span class="list-group-item list-group-item-action">List item B</span>
        <span class="list-group-item list-group-item-action">List item C</span>
        <span class="list-group-item list-group-item-action">List item D</span>
    </div>
</div>

Since the Chrome 59 update however, it does not work properly. The borders between the list items are missing.

Result in Edge (expected result):

Result in Chrome 59:

jsfiddle: https://jsfiddle.net/6oggze6h/