Why my form does not save its layout while on preview?

When I am in the build of the form it looks good and formatted way in which I wanted. When I go to preview or publish the for is not formatted correctly. 

I have checked your form and I can see what you're referring; however, seems like the form has a max width value that does not allow to increase it, if you inject this one you could override that code and allow the form to have the width value you have set up through the form settings: 

.supernova .form-all, .form-all{

max-width: initial;

}

This guide will help you to inject the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

Now, you should also increase the form's width until you reach the correct value to display your forms properly, if your forms are displayed inline, but the form's width is not enough then the layout will be broken. 

This guide will help you to get more information about form's width: https://www.jotform.com/help/35-The-Importance-of-Form-Widths 

You should also make sure your form has the background fixed option marked, this can be done on the advanced designer: 

Hope this helps.