Two first-child elements when conditionally rendering

Question

I am having a bit of an issue using :first-child in my styled components. It seems like when my conditional rendering changes I end up with two :first-child<