Hovering over button moving elements help

[DroneMotionUK (Matthew)]

Hello.

This might be a simple fix but I need some tips.

When I hover over this book now button, it moves the gap and text above, i have a few of these on the site. I added a border to the button so that’s what’s causing this to happen.

What setting should I use and where to stop this from happening?

Thank you!

---

Here is my site Read-Only: https://preview.webflow.com/preview/barbabros?utm_medium=preview_link&utm_source=designer&utm_content=barbabros&preview=533992a21568d296afdc34de2892bbbb&workflow=preview

[ahmed_qayyum]

Assign normal state a border with 100% color transparency

Then apply border to hover state. Keep in mind that the border width should be the same for both states.

I hope this will solve the issue.

[DroneMotionUK (Matthew)]

Hi Ahmed, sorry but the border has to stay yellow. It’s part of the design. I can’t change that.

[ahmed_qayyum]

I’m not saying to change the color of the border. Stick to your guides. I have just mentioned the way you can achive the desired results.

[DroneMotionUK (Matthew)]

Thank you @ahmed_qayyum - It worked! I just had to read your notes slowly and take my time with it. Thank you again.