# Hide root container

**URL:** <https://forum.inductiveautomation.com/t/hide-root-container/92078>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [June 19, 2024, 12:40pm UTC](https://forum.inductiveautomation.com/t/hide-root-container/92078 "2024-06-19T12:40:21Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![eric.e.fredericksen](https://avatars.discourse-cdn.com/v4/letter/e/22d042/32.png) [@eric.e.fredericksen](https://forum.inductiveautomation.com/u/eric.e.fredericksen)\
**Post date:** [June 19, 2024, 12:40pm UTC](https://forum.inductiveautomation.com/t/hide-root-container/92078/1 "2024-06-19T12:40:21Z")

</div>

Is it possible to hide the root container boundary and background? What I have is this.

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

I would like to hide the green border and root container background to see only the dark grey text area component. any help would be appreciated.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 19, 2024, 1:19pm UTC](https://forum.inductiveautomation.com/t/hide-root-container/92078/2 "2024-06-19T13:19:02Z")

</div>

you'll have to give more details on how you get to this screen, is it a popup or something?

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [June 19, 2024, 1:46pm UTC](https://forum.inductiveautomation.com/t/hide-root-container/92078/3 "2024-06-19T13:46:36Z")

</div>

Containers don't have green borders by default, so it comes from something you did. Just don't do it 😃

I'm guessing you're applying some style class on it ?  
Is it a popup ?

---

<div class="post-metadata">

**Author:** ![eric.e.fredericksen](https://avatars.discourse-cdn.com/v4/letter/e/22d042/32.png) [@eric.e.fredericksen](https://forum.inductiveautomation.com/u/eric.e.fredericksen)\
**Post date:** [June 19, 2024, 2:02pm UTC](https://forum.inductiveautomation.com/t/hide-root-container/92078/4 "2024-06-19T14:02:00Z")

</div>

Yes, this is a popup fired on mouse enter event on a component. I don't see any style or css classes applied.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/7/67341c7d009f35d5db60482393b5f903e7aab55d.png)

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [June 19, 2024, 2:04pm UTC](https://forum.inductiveautomation.com/t/hide-root-container/92078/5 "2024-06-19T14:04:00Z")

</div>

Check the stylesheet. You'll find it in the project browser under perspective -\> styles.

I'm guessing you'll find something there that has `.ia_popup` (or something similar, I don't remember exactly what it is) in the selector.

Don't delete it just yet, just check and report back first.

---

<div class="post-metadata">

**Author:** ![eric.e.fredericksen](https://avatars.discourse-cdn.com/v4/letter/e/22d042/32.png) [@eric.e.fredericksen](https://forum.inductiveautomation.com/u/eric.e.fredericksen)\
**Post date:** [June 19, 2024, 2:50pm UTC](https://forum.inductiveautomation.com/t/hide-root-container/92078/6 "2024-06-19T14:50:31Z")

</div>

Ah, I see there is a custom theme active.

Class=popup ia\_popup