Hi! I’m creating a navigation bar. Watched a few tutorials. I have done the following:

• I chose 5 icons from Material Symbols.
  • made the icons as components.
• created a nav item from one of the icon components.
  • created a sub-variant of that nav item.
  • added yes and no states to both the parent and sub-variants.
  • changed the color of the sub-variant.
• create a navigation bar
  • duplicated the icons and tried to change the states.

I noticed that only the first icon is changing its state correctly. but the rest of the icons only the text is changing color but not the icon. Any idea what I did wrong?