Streaming live at 10am (PST)

Layout breaks when hovering a button


#1

I have an issue with this page:

When I hover the last button on the first row, the whole layout breaks. I can’t figure out why.

https://preview.webflow.com/preview/alarm-services?preview=491ad661103fd7b160bc03175f2c367c

Can anyone please help me? Thank you so much.


#2

Just had a quick look and noticed that the button (btn outline-btn) doesn’t have a border on the hover state.

If you put the border back to solid it appears to fix the problem – not sure why!

Let me know if it works at your end.


#3

Hey @ricochen, did you fixed your issue ?
Looks fine from my point of view.

A min height on product-block should prevent it to break anyway, let me know if you still have the issue.
Have a nice day,