# Scrollbar issue in flex containers with multiple elements

**URL:** <https://forum.inductiveautomation.com/t/scrollbar-issue-in-flex-containers-with-multiple-elements/104831>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [April 8, 2025, 2:29pm UTC](https://forum.inductiveautomation.com/t/scrollbar-issue-in-flex-containers-with-multiple-elements/104831 "2025-04-08T14:29:34Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mmadariaga](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmadariaga/32/63201_2.png) [@mmadariaga](https://forum.inductiveautomation.com/u/mmadariaga)\
**Post date:** [April 8, 2025, 2:29pm UTC](https://forum.inductiveautomation.com/t/scrollbar-issue-in-flex-containers-with-multiple-elements/104831/1 "2025-04-08T14:29:34Z")

</div>

I've got a flex container with a tree and a table. I want a single scrollbar for both components. I tried playing with overflow and grow/shrink settings with no success. What should I do?

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

---

<div class="post-metadata">

**Author:** ![matthew.ayre](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matthew.ayre/32/19499_2.png) [@matthew.ayre](https://forum.inductiveautomation.com/u/matthew.ayre)\
**Post date:** [April 8, 2025, 3:17pm UTC](https://forum.inductiveautomation.com/t/scrollbar-issue-in-flex-containers-with-multiple-elements/104831/2 "2025-04-08T15:17:26Z")

</div>

Hi @mmadariaga, It looks like the overflow has to be applied to the

. The style prop in the designer only applies this to the parent 
.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/4/84191fa11db2b8f286b2bb53f182896c845ab2d9.png)

As far as I know the only way around this would be to use an advanced stylesheet or to apply the changes in the themes.

---

<div class="post-metadata">

**Author:** ![mmadariaga](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmadariaga/32/63201_2.png) [@mmadariaga](https://forum.inductiveautomation.com/u/mmadariaga)\
**Post date:** [April 9, 2025, 7:41am UTC](https://forum.inductiveautomation.com/t/scrollbar-issue-in-flex-containers-with-multiple-elements/104831/3 "2025-04-09T07:41:26Z")

</div>

Hi, thanks for the reply, but I'm still lost here. What should I add to the stylesheet?

---

<div class="post-metadata">

**Author:** ![mmadariaga](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmadariaga/32/63201_2.png) [@mmadariaga](https://forum.inductiveautomation.com/u/mmadariaga)\
**Post date:** [April 9, 2025, 8:07am UTC](https://forum.inductiveautomation.com/t/scrollbar-issue-in-flex-containers-with-multiple-elements/104831/4 "2025-04-09T08:07:11Z")

</div>

I finally got it working:

- wrap = wrap, overflow = auto, overfloxX hidden for the flex container
- height = auto on style for the tree

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