Submit button image appears stretched in mobile preview but looks fine on desktop.

Attached image. It appears like that in mobile preview but is fine for desktop. I've changed dimensions (which are fine by the numbers) but it remains the same over-stretched shape

Hi redshedjamaica,

Thanks for reaching out to Jotform Support. To fix your Submit button on the Mobile preview, we just need to Inject a Custom CSS Code. Here's how to do it:

1. First, copy this code:

@media screen and (max-width: 480px){

 .form-submit-button {

 width: auto !important;  /* Keep button to fit text */

 display: inline-block !important;

 min-width: unset !important;

 max-width: unset !important;

 text-align: center !important;

 margin: 10px auto !important; /* Center it */

 padding: 8px 20px !important; /* Adjust spacing */

 border-radius: 6px; /* Optional: rounded corners */

}

}

2. In Form Builder, click on the Paint Roller icon on the top right of the page.

3. Click on the Styles tab in the right panel.

4. Paste the code under the Inject Custom CSS section.

Check out the screenshot below to see my results:

Give it a try and let us know if you need any help.