Border Radius Not Evenly Applied

Hi!  I'm having trouble evenly applying rounded corners- as you can see in the picture the corners are just getting cut off of the top and bottom, not the sides as well.  Not sure if anyone can assist with this and also rounding the corners of widget options too?  

Also, is there a way to make the 'options' on the check boxes appear closer to the empty box?  right now there is a huge space between the check box and the text accompanying it.  Here's a link, thank you!!

I checked using only the URL of the form, but I was not able to see the issue with the border radius. The issue must be happening on the website where you have embedded the form.

Please share to us also the URL of your website where we can check on the actual form used.

As for the Checkbox distance/width issue, you can add the following CSS codes on your form.

It should make the Checkbox item label/text closer to the box on the left. You can adjust the margin-left number according to your preference.

.form-checkbox-item:not(#foo) label {

    margin-left: 5px;

}