# Where is the Perspective horizontal menu getting its selected left side border color from?

**URL:** <https://forum.inductiveautomation.com/t/where-is-the-perspective-horizontal-menu-getting-its-selected-left-side-border-color-from/113678>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [January 31, 2026, 11:03pm UTC](https://forum.inductiveautomation.com/t/where-is-the-perspective-horizontal-menu-getting-its-selected-left-side-border-color-from/113678 "2026-01-31T23:03:35Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [January 31, 2026, 11:58pm UTC](https://forum.inductiveautomation.com/t/where-is-the-perspective-horizontal-menu-getting-its-selected-left-side-border-color-from/113678/4 "2026-01-31T23:58:15Z")

</div>

Try this in your Advanced Stylesheet:

```css
div.ia_horizontalMenuComponent __item__ leftItem--active
{
    border-left: 8px solid var(--success);
}

```

This is based on [Adding a style to an icon using the Horizontal Menu Component In Perspective - #2 by cmallonee](https://forum.inductiveautomation.com/t/adding-a-style-to-an-icon-using-the-horizontal-menu-component-in-perspective/74701/2).

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/3/d30ad773949d5b3c5f87e86adcff53b31fe7f658.png)

* * *

Try this too:

```css
div.ia_horizontalMenuComponent __item__ leftItem--active
{
    border-left: 44px solid var(--success);
    border-top: 22px solid #ffffff00;
    border-bottom: 22px solid #ffffff00;
}

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/d/dd3d4681a204ca8f9a7848e4a707158df02f3a51.png)

---

_[View the full topic](https://forum.inductiveautomation.com/t/where-is-the-perspective-horizontal-menu-getting-its-selected-left-side-border-color-from/113678)._