# Avoid horizontal scroll bar in tree component

**URL:** <https://forum.inductiveautomation.com/t/avoid-horizontal-scroll-bar-in-tree-component/91536>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [June 7, 2024, 9:16am UTC](https://forum.inductiveautomation.com/t/avoid-horizontal-scroll-bar-in-tree-component/91536 "2024-06-07T09:16:44Z")\
**Posts on this page:** 1\
**Showing post:** 12

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [June 21, 2024, 3:43am UTC](https://forum.inductiveautomation.com/t/avoid-horizontal-scroll-bar-in-tree-component/91536/12 "2024-06-21T03:43:41Z")

</div>

Sorry it's taken so long, this is the web of CSS that I have for this...

```python
/* ################################################### */
/* edits to the Tree component to display long text on multiple lines */
.tree-item {
    height: fit-content !important;
    padding: 4px 0px; /*added this*/
}
.tree-item-label {
    flex: unset !important;
    flex-wrap: nowrap; /*added this*/
}
.text-scroll{
    padding-top:2px;
    overflow-wrap: break-word !important;
    white-space:pre-wrap !important;
}
.label-wrapper-icon {
    display: block !important;
    margin: auto 0; /* display in the middle of the line height*/
}
.label-wrapper-text {
    margin: auto 0; /* display in the middle of the line height*/
}
.terminal-alignment.last-child{
    height: 16px !important;
}
.terminal-alignment .cross-alignment{
    height: 16px !important;
}
.tree .tree-item-label .label-wrapper{
	align-items: start;
}
/* END: edits to the Tree component to display long text on multiple lines */
/* ################################################### */

```

This all comes from [this post](https://forum.inductiveautomation.com/t/display-tree-item-with-multiple-lines/79779/8) with all help coming from @victordcq the 🧙

---

_[View the full topic](https://forum.inductiveautomation.com/t/avoid-horizontal-scroll-bar-in-tree-component/91536)._