I’m not 100% sure how you want it to behave, it’s hard to tell from static image. Could you share a gif or perhaps editor link? A screenshot from the responsive editor could also help.
Often, these things are caused by elements having a minimum width that’s too wide. When you resize the page, one element “refuses” to shrink, and it pushes the next one down a row. Another common cause is the alignment, such as giving an icon that’s supposed to stay along the right edge a left alignment. It will try to preserve the space between them, and move down a row.
Hope that was understandable, responsive issues are a bit hard to describe in writing.