Date separator dashes positioned under date boxes instead of next to them

I created a form and inserted the date picker to create an arrival & departure option. For some reason the dashes are showing up underneath the boxes and then date & month beneath the dashes. I have tried to correct it and can't figure out how to do it. The  link is below. Thanks!  

Something in the form's injected CSS is causing this. I'm currently working on a clone of the form to see what it could be. I'll get back to you as soon as I figure it out.

Hi again,

Please inject the following rule in the form's CSS and let us know if the date fields and phone field look okay:

.phone-separate,
.date-separate {
display: none;
}

As you'll notice, that rule removes the dashes instead of re-positioning them.

Thanks