Why do the positions of some fields change when I move another field above it?

In Help form #1, I have the "retreat" field at the top of the page. All of the fields below are set up how I want them. (City & County on one line, State & Zip on another, etc.)

However, I decided that I wanted to move the retreat field to the bottom of the page. When I do, all of the other forms switch positions.

I've tried shrinking fields, etc. But haven't been able to get them to realign to how I want them.

Also, I thought I used a widget(?) to do something to make columns, but I can't remember what (if anything) that I did and can't see where to look for clues (I don't see anything in my CSS changes).

Thank you!

Help form #1 https://form.jotform.com/80096859180162

Help form #2 https://form.jotform.com/80096723180152

The fields will be reordered when you move any of them that has been positioned inline, they should keep the original position if they have the shrink option turned on; however, the issue may be related to the form's width, please note that the width will need to increase depending on the number of fields you have online or based on their width. 

Please check this guide that will help you with the form's width: https://www.jotform.com/help/35-The-Importance-of-Form-Widths 

I could not find any widget on your form either, but here is the widget's category that will allow you to have multiple entries inline: https://widgets.jotform.com/category/multiple_entries 

I hope this helps.