Skip to main content
Question

Hover effect not working properly

  • April 2, 2025
  • 2 replies
  • 218 views
Brennan_Hom

This is the first time I’ve encountered this issue, but for some reason my hover effect isn’t working as it should.

 

I’m creating a navigation sidebar (icon + tab name) and created a component with a default, hover, and selected variants (very straightforward). But for some of these tabs, only the text name changes and not the icon.


Can anyone tell me how to fix this?

 

In these screenshots, it shows the home tab working properly, but when I hover over notifications and all the other tabs beneath it, it only changes the color of the text.

 

    This topic has been closed for replies.

    2 replies

    Nellya
    • Nellya
    • Power Member
    • April 2, 2025

    All the icons should have the same layer structure and names inside the component. There are probably differences. Can you share a screenshots or a link to the file?

    Brennan_Hom

    Everything is structured as it should. I created a whole light mode version of this with no issue so I can’t figure out the problem.

    Terms & ConditionsAccessibility statement