Custom form layout breaks when required input is not filled and submitted

I am creating themes for several of our custom forms and I noticed if an input is required but when it’s submitted with an empty input box, the layout of the form is all squashed to one sided column and it break up my custom form layout.

You can test it at BTG Test Form

Is there a way to keep custom layout intacted? I’m not sure if it because if alert string is too long for the column that it’s in breaking up the layout or the backend code.

Thank you