2 issues with input fields in forms, bug?

Hi everyone,
I was experimenting with forms today, and I struggled in trying to get an input field and the button to stretch to same height when they are flex children, and upon performing CSS inspection I found there’s an inherited height of 38px that I have no idea where it comes from.

In addition, even if I clear the height from the CSS inspector, the field still doesn’t stretch to the height of the button. I also tried setting the height to 100% of the input form, but nothing works. I wonder if I am misunderstanding something or if it’s a bug. What I want to achieve, is as simple as this: Edit fiddle - JSFiddle - Code Playground (input text field stretches to the height of the button)

Here’s a video on the issue: https://www.loom.com/share/e4ca65e3f7bf42d08416999338b90a85

Read-only link: https://preview.webflow.com/preview/test-2-form?utm_medium=preview_link&utm_source=designer&utm_content=test-2-form&preview=296282089c85d30a5b5392f9c3d531ee&workflow=preview

Some of the Webflow native elements have a pre-set default styling. Some of it also shows up in the styling panel and need to be overwritten according to your own specific reuirements. In your case, you need to set the desired height value for the text field because Webflow’s pre-set a height value.

This always screws me up every time. They really should have an option that is “REMOVE ALL preset CSS styling” :roll_eyes: