# Display Tree item with multiple lines?

**URL:** <https://forum.inductiveautomation.com/t/display-tree-item-with-multiple-lines/79779>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 28, 2023, 12:06pm UTC](https://forum.inductiveautomation.com/t/display-tree-item-with-multiple-lines/79779 "2023-09-28T12:06:03Z")\
**Posts on this page:** 1\
**Showing post:** 8

<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:** [September 28, 2023, 1:22pm UTC](https://forum.inductiveautomation.com/t/display-tree-item-with-multiple-lines/79779/8 "2023-09-28T13:22:14Z")

</div>

> [@victordcq](#):
>
> ```auto
> .tree .tree-item-label .label-wrapper{
> align-items: start;
> }
> 
> ```

I moved to px like your original last post (before edits) as the 0.75rem stopped working for me after the other bits and pieces, so I'm at this:

```auto
.tree-item {
    height: fit-content !important;
    padding: 4px 0px; /*added this*/
}
.tree-item-label {
    /*height: fit-content !important;*/
    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;
    padding-top: 4px;
}
.terminal-alignment.last-child{
    height: 16px !important;
}
.terminal-alignment .cross-alignment{
    height: 16px !important;
}

.tree .tree-item-label .label-wrapper{
	align-items: start;
}

```

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

Thanks again!! Where there's a will, there's Victor with a hammer and a sledge hammer if the hammer doesn't work 🙂

---

_[View the full topic](https://forum.inductiveautomation.com/t/display-tree-item-with-multiple-lines/79779)._