How can I change the width of top aligned labels

I have most of my form questions set as top aligned but when I preview the form the questions show as top aligned but squished over to the left - See screenshot attached. Did I mess up one of the settings?

If you want all the labels to be the same width, you could set the width using the following code:

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

.form-label.form-label-top {
    width : 540px;
}

Then add the following to set the widths of the phone number and extension fields so they still fit on one line:

#label_61, #label_88, #label_89, #label_21, #label_90, #label_18 {
    width : 200px !important;
}

Here is how the form would look with the code added:

https://form.jotform.com/80035029252952

The pixel values can be changed to adjust the widths.