.list causes gap property issues

[bnjmnrsh]

Because our .list accessibility fix relies on a pseudo-element, it causes flex and grid gap properties to render leading spacing, shown here:

This can be remedied with absolute positioning on the pseudo-element:

.list {
    &::before {
        content: "\200B"; /* add zero-width space */
        position: absolute; // ADD 
    }

    list-style-type: none;
}

Absolute positioning wouldn't usually affect screen readers. However, this issue is related to a particular safari behaviour.