# Tab Container Rectangle Behind Active Tab

**URL:** <https://forum.inductiveautomation.com/t/tab-container-rectangle-behind-active-tab/111664>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 22, 2025, 10:09pm UTC](https://forum.inductiveautomation.com/t/tab-container-rectangle-behind-active-tab/111664 "2025-10-22T22:09:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![denji26](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/denji26/32/5805_2.png) [@denji26](https://forum.inductiveautomation.com/u/denji26)\
**Post date:** [October 22, 2025, 10:09pm UTC](https://forum.inductiveautomation.com/t/tab-container-rectangle-behind-active-tab/111664/1 "2025-10-22T22:09:09Z")

</div>

Using 8.1.44, I have a tab container using classic menu type and I have what seems like a white rectangle behind my active tab I can’t seem to get rid of

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

If I change the color of my active tab or the whole component the rectangle stays the same

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

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

Any ideas?

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [October 22, 2025, 10:11pm UTC](https://forum.inductiveautomation.com/t/tab-container-rectangle-behind-active-tab/111664/2 "2025-10-22T22:11:12Z")

</div>

Open it in developer tools in your web browser, it looks like your CSS styles have added a `fill` to the radius curve that has appeared on the wrong side of the curve.

---

<div class="post-metadata">

**Author:** ![denji26](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/denji26/32/5805_2.png) [@denji26](https://forum.inductiveautomation.com/u/denji26)\
**Post date:** [October 22, 2025, 10:25pm UTC](https://forum.inductiveautomation.com/t/tab-container-rectangle-behind-active-tab/111664/3 "2025-10-22T22:25:24Z")

</div>

I removed all my classes and it’s still there, although not visible becuase it is the same color as the inactive tabs. Looking in developer options I see:

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

I checked another tab container on another view and its there as well, I just never noticed it because it was the same color as the inactive tab

---

<div class="post-metadata">

**Author:** ![denji26](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/denji26/32/5805_2.png) [@denji26](https://forum.inductiveautomation.com/u/denji26)\
**Post date:** [October 22, 2025, 10:28pm UTC](https://forum.inductiveautomation.com/t/tab-container-rectangle-behind-active-tab/111664/4 "2025-10-22T22:28:28Z")

</div>

Here is my tab in the Elements inspector

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/1/6158c63fdc3eb2066371d5619101203581c8063f.png)

Maybe some of those classes are set in my stylesheet, I’ll dig deeper