How can I squeeze a Time field?

I have a couple of Time fields on my form.

I have "shrunk" them and when I place them on a line alone they take up a bunch of the line.

However, when I try to place two on the same line, the overlap and look lousy.  How can I squeeze these such that there is not as much white space between the Hours, Minutes, AMPM?

The form can be found here:

https://form.jotform.com/63363112831953

Thank you!

You can inject the custom CSS code below to put the two time fields in one line and reduce the space between the hours, minutes and AM/PM. 

#id_46 {

    clear: none!important;

}

#cid_45 .form-sub-label-container, #cid_46 .form-sub-label-container {

    margin-right: 0px!important;

}

Here's how it should look:

If you need further assistance, please let us know.
Regards.