Button Bug

Hi!

Some kind of bug makes my button have “straight edges” instead of “rounded edges”. Only when I hover over the button it turns to “rounded edges”. It should have “rounded edges” all the time.

See video below:

ScreenRecording_03-16-2025 09-30-32_1.gif

I cleared my cache and tried different browsers but the bug still appears across all of them.

This problem appears in my email signup pop-up.

My website is https://s77yum7yz2p5ljhd-60150284501.shopifypreview.com and my theme is Stiletto.

I would really appreciate some help, this bug is driving me crazy!

Do you need more help regarding this. because I found that it’s fixed now.

Hey, to me, it still appears in the wrong way, I would appreciate some help!

Hello @martujv

The button hover effect comes from the ::before and ::after elements.
To ensure the button maintains rounded corners, add overflow: hidden; to the button.

1 Like

Hey! I don’t have that much knowledge of coding, so what code should I add and where do I find the exact line? Is it in theme.css? And which line exactly? Thanks!