Button Radios: Why isn't the widget mobile responsive on iPhone?

Hello,

I noticed that the buttons on my donate form appear differently on mobile than they do on our site. On the site, they are 4 across, but on mobile, the fourth button gets cut off. Is there a way to change the buttons so that they appear smaller on mobile and fit the width better?

I have tested this and found the widget displays responsive on Android: 

The issue only seems to happen when you load the form on iPhone devices, but injecting the following code to the widget should fix the problem: 

@media only screen and (max-device-width: 550px){

.rowButtonRadio{

width: 90%;

height: 100%;

}

.wrapperButtonRadio{

width: 100% !important;

}

.radios input + label{

width: 100% !important;

}

}

This guide will help you injecting the code to the widget:  https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

I hope this helps. 

Wow! Worked like a charm. Thanks so much for your help!