Form Inputs on Mobile

Design help General
1

Hi All,

My forms on desktop look great, the text input boxes are all square just as I designed them, however on mobile all of my input fields have a curved border which make them not look like my design.

In webflow, when I click the mobile icon the input field looks correct (square and no border). What do you think is the problem?

750×1334 18.2 KB
1154×1269 15.4 KB

Here is my public share link: LINK
(how to access public share link)

3

Nevermind… I think I found out how to do it. You just have to add border-radius 0px to all of the forms in webflow, I added it site-wide with this:

<style>
.w-input {
  border-radius: 0px;
}
</style>