'Time' element has viewing issues on form

Hi, im trying to add a 'Time' element on my form, which uses a time range to display a total duration. However, the user is unable to see their choices after input with the input boxes appearing squished. 

Help would be appreciated.

Thanks

Please try the CSS code below:

li[data-type="control_time"] div .form-sub-label-container{

  position: unset;

}

Guide: How-to-Inject-Custom-CSS-Codes

Perfect. Thanks