Why is there a flex gap around the first and last item in a wrapped row?

I have a flex row 1rem gap justify content flex-start, when wrapping it ends up being three rows. When it doesn't wrap, the first and last items are at the edges and there's a 1rem gap between columns and everything's fine. But when the row wraps, suddenly the first and last items are not at the edges - they have the 1rem gap around both sides of them. If I take out the gap while wrapping, it's also fine and aligns properly. But when wrapped, there's this noticeable gap at the front! Any ideas??