How can I get the formatting of different date-fields look all the same?

On the printscreen, you will see that the same field (a date field) is showed in 3 different ways. I would like all date field look the same, and more specifically like the first one: in 3 columns, and aligned with th rest of the form.

Thank you for your help.

You are customizing your form through CSS injection, which is why you see different sizes for the Date fields. So, you need to apply the same code for that Date field. You need to add the following code(highlighted in yellow), to the following portions of your code:

#cid_42 span, #cid_43 span, #cid_53 span {

    width : 31% !important;

}

#cid_42 span:first-child, #cid_43 span:first-child, #cid_53 span:first-child {

    float: left !important;

    margin: 0px !important;

}

#cid_42 span:nth-child(2), #cid_43 span:nth-child(2), #cid_53 span:nth-child(2) {

    margin: 0px 3.5% !important;

}

#cid_42 span:last-child, #cid_43 span:last-child, #cid_53 span:last-child {

    float: right !important;

    margin: 0px !important;

}

Also, disable the shrink option from that Date field:

Here is my clone form, where the change is reflected: https://form.jotform.com/82216590347963 

Great job! Thank you for your prompt and perfect reply.