White partial border visible on button hover?

Wondering if anyone has come across this… I have a simple button that has a flat color of white, then on hover, the background color is changed to reflect the same color as the background of the page. On hover, I see partial white borders of the button, even though the button’s border is set to none.

In this photo, I’m hovering over the selected button.


Any workarounds I could try? It’s an eye soar lol

What browser are you using?


Version: 76.0.3809.100

I have never seen that before.

I tried this, but unfortunately doesn’t work. I also tried using an element id to try and force it to that button but it’s being stubborn, lol.


*Add: Appears to only be occurring on a reusable element

*Ok, third edit: now it’s fine? Weird. I didn’t clear cache or close any tabs. lol

1 Like