Putting a flexbox inside of a list item is causing the content to get pushed down by what appears to be a full line height.
I've been playing around with different CSS properties, such as giving the flexbox
I'm currently not sure what's causing the behavior, but if you switch
display: flex to
display: inline-flex, the issue seems to be resolved.