Rotate animation blurs icon font

Design help Animations & Interactions
1

So I have a problem with an interaction on the Test-Page of my website:

Link: https://preview.webflow.com/preview/puzl-app?preview=5fdee74dded8baee12b1073256bccb2b

I’ve made an interaction that hides the blue Nav Bar on click on the Minimize link. It also rotates the icon. However, the rotation seems to blur all of my icons on the page, even though I’m only applying it to the Selected Element, not to the whole class.

I’m using the Material Design Icon font. Anyone have an idea why this is happening?

2

Disregard. I was too quick to post again.

Apparently, the problem disappears once the site is published. It’s just in the Designer.