Blurry header menu text

Hi everyone. I have a weird issue where the header text on my main menu looks fuzzy. When hovering over it, the hover color changes but it looks like there’s a white fuzzy outline to the text.

Strange thing is, this was totally fine a few hours ago. And on other pages with the exact same header component, it’s not an issue.

Anyone able to help figure this thing out?

Here’s a Loom showing the problem in action:

Well, just solved it by deleting the header component and putting a new one back on the page. The exact some component! Somehow that fixed it. Not sure what happened but if anyone is facing a similar problem, that did the trick.