Message Box jumps in focused state

[ikydstudio (Ariel)]

Hi!

So I have a contact form at the bottom of my page: The message box has a border around it when in focused state and it seems to indent as if being pressed when you click to type in your message. Can someone help me figure out what is causing it to move like this? The fields above it aren’t doing this.

-Ariel

---

Here is my public share link: https://preview.webflow.com/preview/david-stoltz?preview=e8aeea64f59b0a773885fcfc053b4823
(how to access public share link)

[Keejo (Kai Jolly)]

Hi Ariel! This is because you have a 3px border on the Focused States only. You also need to add a 3px border on the normal ‘None’ states, set to transparent and this will stop the jumping.

Regards Kai

[ikydstudio (Ariel)]

Ah, got it! Thank you!