Trouble with form input fields (updated)

Develop, Build & Integrate CMS Development
,
2

@RVanKammen The reason it shrinks to 350 when you click into an input is because the :focus state has box-sizing: border-box; set on it. So if you add box-sizing: border-box; to the non-focus state this would fix your issue. What box-sizing: border-box; basically does is tell the width to include the padding and border.

form textarea,
form select,
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
input[type=string] {
 box-sizing: border-box;
 width: 350px;
}