I decreased the size of a field now it's too far away from the other field

Hi,

I've tried everything. The two fields on my form just won't come any closer together. Mainly I want the form to be centered on my website but it seemed like it was being slightly pushed to the left. When I added padding to the form on the left it would look correct on desktop but push it off screen on mobile. So I left that alone and tried to remedy the situation by decreasing the size of the input field to match the size of the submit button. Only now I get a big space in between them. I tried to target the input field with a padding-right: 0 !important; but that did not work. Any help appreciated. I want the two fields to be the same size and centered on my webpage.

I should mention it looks correct when I'm in theme designer but when I embed it on my site it's not the same.

Please try adding the next CSS to see if that helps.

.form-line-column {
width: auto;
}
.form-all {
max-width: 350px !important;
}

Thank you.

That did the trick. Thanks so much!