# Menu Tree border Color/size

**URL:** <https://forum.inductiveautomation.com/t/menu-tree-border-color-size/30276>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [November 27, 2019, 3:20pm UTC](https://forum.inductiveautomation.com/t/menu-tree-border-color-size/30276 "2019-11-27T15:20:51Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![grietveld](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/grietveld/32/6984_2.png) [@grietveld](https://forum.inductiveautomation.com/u/grietveld)\
**Post date:** [November 27, 2019, 3:20pm UTC](https://forum.inductiveautomation.com/t/menu-tree-border-color-size/30276/1 "2019-11-27T15:20:51Z")

</div>

I’ve been beating my head against it for a while, but can’t seem to find the right property.

Is there a way to change the color and size of the borders in a menu tree? As shown in the screenshot below, items in the middle seem to be getting a double border, and I want to change that color a bit.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/7/79c0194c3d5555f4950b3931e26b54eeefcfee30.png)

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [November 27, 2019, 10:48pm UTC](https://forum.inductiveautomation.com/t/menu-tree-border-color-size/30276/2 "2019-11-27T22:48:13Z")

</div>

Hi @grietveld, you’ll just want to modify the `border` styles for the `itemStyle` property. You may want to just use the `border-top` styles to avoid the doubling up:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/2/2b76d2d4c75aa2423e8c1c683bf3cb754db9a1e1.png)

---

<div class="post-metadata">

**Author:** ![grietveld](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/grietveld/32/6984_2.png) [@grietveld](https://forum.inductiveautomation.com/u/grietveld)\
**Post date:** [December 2, 2019, 12:26pm UTC](https://forum.inductiveautomation.com/t/menu-tree-border-color-size/30276/3 "2019-12-02T12:26:44Z")

</div>

That seems to add a new border in that place. If I set the border to 0px or even 1px the default line still shows.

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [December 2, 2019, 6:07pm UTC](https://forum.inductiveautomation.com/t/menu-tree-border-color-size/30276/4 "2019-12-02T18:07:43Z")

</div>

That’s true. This can be handled more gracefully to make style application more predictable for the menu items. I will open a bug.

---

<div class="post-metadata">

**Author:** ![ks0](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ks0/32/6813_2.png) [@ks0](https://forum.inductiveautomation.com/u/ks0)\
**Post date:** [June 4, 2020, 3:23am UTC](https://forum.inductiveautomation.com/t/menu-tree-border-color-size/30276/5 "2020-06-04T03:23:58Z")

</div>

Hi @jball, did this get sorted? It seems you have to specify each items style in order to have no border, which is pretty cumbersome.

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [June 8, 2020, 3:43pm UTC](https://forum.inductiveautomation.com/t/menu-tree-border-color-size/30276/6 "2020-06-08T15:43:45Z")

</div>

@ks0, I thought that this work was complete, but looks like it still needs to be done. I will bump the bug that we have open for this.

---

<div class="post-metadata">

**Author:** ![grietveld](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/grietveld/32/6984_2.png) [@grietveld](https://forum.inductiveautomation.com/u/grietveld)\
**Post date:** [August 26, 2022, 2:04pm UTC](https://forum.inductiveautomation.com/t/menu-tree-border-color-size/30276/7 "2022-08-26T14:04:08Z")

</div>

Any updates on this one? Starting up another darker themed project and it’s showing a bit more than I’d like in my UI.

Edit: Nevermind my root issue was the border being on the header and not on my page title. Though an update would be nice since I would like to tweak some other borders.

Edit 2: Looks like I can hide borders now, so guess a fix was implemented at some point and my initial trouble was user error. Thanks!

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