Can someone tell me why the last icon isn't populating in the same row?

That likely happens because of how you’ve set things up within the responsive view. (If you click on the Design tab > Responsive tab), you’ll see the settings related to this).

This happens when the parent container’s width becomes less wide and the elements within this do not have enough “wiggle room” to accommodate the smaller width of the parent group.

Take a look at the groups that contain each of the responsive icons and adjust the fixed width values so that they can flex with the parent group’s change in size.