# Menu Tree - Header Icon Style Class

**URL:** <https://forum.inductiveautomation.com/t/menu-tree-header-icon-style-class/51526>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [October 1, 2021, 2:31am UTC](https://forum.inductiveautomation.com/t/menu-tree-header-icon-style-class/51526 "2021-10-01T02:31:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![WillMT10](https://avatars.discourse-cdn.com/v4/letter/w/7feea3/32.png) [@WillMT10](https://forum.inductiveautomation.com/u/WillMT10)\
**Post date:** [October 1, 2021, 2:31am UTC](https://forum.inductiveautomation.com/t/menu-tree-header-icon-style-class/51526/1 "2021-10-01T02:31:25Z")

</div>

Is there a way to change the style class of the label icons in a menu tree header? There is the `headerStyle` property, but it seems that icons ignore the `fill` color in header/item style classes. You have to apply a style class to the `label.icon` itself in order to get the fill color to change.

If I apply a style class to the item icon directly, it carries over to the matching header display, but that doesn’t work in my situation as I need it to be a different color when the icon is in a header vs a regular item display.

If needed, I can pull together some screenshots to better explain.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [October 2, 2021, 10:34pm UTC](https://forum.inductiveautomation.com/t/menu-tree-header-icon-style-class/51526/2 "2021-10-02T22:34:12Z")

</div>

I don’t recall the structure but try setting the icon full style to `unset` and then set your header style up

---

<div class="post-metadata">

**Author:** ![WillMT10](https://avatars.discourse-cdn.com/v4/letter/w/7feea3/32.png) [@WillMT10](https://forum.inductiveautomation.com/u/WillMT10)\
**Post date:** [October 4, 2021, 7:11pm UTC](https://forum.inductiveautomation.com/t/menu-tree-header-icon-style-class/51526/3 "2021-10-04T19:11:51Z")

</div>

Thanks @nminchin that did the trick. Never knew about `unset`. It was throwing me for a loop because the icon `stroke` color was getting inherited properly from the header style, but `fill` was not. Setting the icon `fill` style property to `unset` fixed the issue.