# How can I get rid of top/botton grey border of item menu

**URL:** <https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707>\
**Category:** Ignition Early Access\
**Created:** [December 13, 2019, 6:24pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707 "2019-12-13T18:24:05Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [December 13, 2019, 6:24pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/1 "2019-12-13T18:24:05Z")

</div>

Hi  
How can I get rid of top/botton grey border of item menu?  
playing with style border doesn’t work for those annoying grey lines as shown in image below:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/7/75be3904aeaf22c4df252a0e0000476243be3722.png)  
I want to create something like this:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/0/05b13d871f6dd826d3814b634578b6823017d470.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:** [December 13, 2019, 6:40pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/2 "2019-12-13T18:40:27Z")

</div>

Hi @nader.chinichian, there is a bug open for this right now. That border style rule is currently unreachable with the style properties.

---

<div class="post-metadata">

**Author:** ![brandon1](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@brandon1](https://forum.inductiveautomation.com/u/brandon1)\
**Post date:** [April 12, 2020, 3:42am UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/3 "2020-04-12T03:42:24Z")

</div>

Has this bug been fixed?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [April 12, 2020, 8:54am UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/4 "2020-04-12T08:54:01Z")

</div>

I test it in 8.0.12 and still have problem

---

<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:** [April 13, 2020, 4:36pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/5 "2020-04-13T16:36:38Z")

</div>

@brandon1, still an active bug; that ticket has yet to be worked.

---

<div class="post-metadata">

**Author:** ![brandon1](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@brandon1](https://forum.inductiveautomation.com/u/brandon1)\
**Post date:** [April 13, 2020, 5:11pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/6 "2020-04-13T17:11:32Z")

</div>

Any chance that bug is on a timeline yet to be addressed?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [April 13, 2020, 5:41pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/7 "2020-04-13T17:41:15Z")

</div>

I change the bk color of menu to that nasty line color to make them disappear. If your project accept that gray color this can work for you.  
also you can make it narrower by adding margin: -1px

---

<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:** [April 14, 2020, 3:57pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/8 "2020-04-14T15:57:43Z")

</div>

@brandon1, I’ll give the ticket a bump.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [April 23, 2020, 2:22pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/9 "2020-04-23T14:22:50Z")

</div>

It finally fix in 8.0.13. Woow.

---

<div class="post-metadata">

**Author:** ![JoblaisFrenchboob](https://avatars.discourse-cdn.com/v4/letter/j/9dc877/32.png) [@JoblaisFrenchboob](https://forum.inductiveautomation.com/u/JoblaisFrenchboob)\
**Post date:** [June 6, 2023, 4:22pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/10 "2023-06-06T16:22:52Z")

</div>

This is the only post that comes up on Google when searching for this issue, and of course someone has figured it out without posting the solution. Can you please tell me how to get rid of this border?

---

<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:** [June 6, 2023, 5:35pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/11 "2023-06-06T17:35:21Z")

</div>

It has probably been fixed by upgrading to \> 8.0.13 and using the techniques in the original post.

You didn't state which version you are running and where you are getting stuck.

---

<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:** [June 6, 2023, 7:12pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/13 "2023-06-06T19:12:56Z")

</div>

![Menu border](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/5/f5c075b597f3508b7ea2715345cf8dbd1bb5fbb6.png)

You need to set it up on each item. I'd be inclined to create a style with `borderWidth : 0` and apply that to each item. Then you can change them all in an instant or make it a user choice.

---

<div class="post-metadata">

**Author:** ![JoblaisFrenchboob](https://avatars.discourse-cdn.com/v4/letter/j/9dc877/32.png) [@JoblaisFrenchboob](https://forum.inductiveautomation.com/u/JoblaisFrenchboob)\
**Post date:** [June 6, 2023, 8:08pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/14 "2023-06-06T20:08:46Z")

</div>

I am looking at a horizonal menu, not vertical. I changed the border width on the style of the entire menu, and it worked this time. Whoops.

---

<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:** [June 6, 2023, 9:13pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/15 "2023-06-06T21:13:46Z")

</div>

> [@JoblaisFrenchboob](#):
>
> I am looking at a horizonal menu, not vertical.

It's hard for us to guess.

---

<div class="post-metadata">

**Author:** ![JoblaisFrenchboob](https://avatars.discourse-cdn.com/v4/letter/j/9dc877/32.png) [@JoblaisFrenchboob](https://forum.inductiveautomation.com/u/JoblaisFrenchboob)\
**Post date:** [June 6, 2023, 9:51pm UTC](https://forum.inductiveautomation.com/t/how-can-i-get-rid-of-top-botton-grey-border-of-item-menu/30707/16 "2023-06-06T21:51:36Z")

</div>

You're a real joy.
