# Tab Container Label Word Wrap

**URL:** <https://forum.inductiveautomation.com/t/tab-container-label-word-wrap/113942>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 12, 2026, 9:03pm UTC](https://forum.inductiveautomation.com/t/tab-container-label-word-wrap/113942 "2026-02-12T21:03:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![automator591](https://avatars.discourse-cdn.com/v4/letter/a/8baadc/32.png) [@automator591](https://forum.inductiveautomation.com/u/automator591)\
**Post date:** [February 12, 2026, 9:03pm UTC](https://forum.inductiveautomation.com/t/tab-container-label-word-wrap/113942/1 "2026-02-12T21:03:32Z")

</div>

I have a Tab container for a header and the labels are longer than the width of the tabs. Is there a way of setting so the label wraps to a second line?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [February 12, 2026, 9:37pm UTC](https://forum.inductiveautomation.com/t/tab-container-label-word-wrap/113942/2 "2026-02-12T21:37:10Z")

</div>

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

Repeat for `inactive` and `disabled`.  
You may need to adjust `tabSize.height` too.

---

<div class="post-metadata">

**Author:** ![automator591](https://avatars.discourse-cdn.com/v4/letter/a/8baadc/32.png) [@automator591](https://forum.inductiveautomation.com/u/automator591)\
**Post date:** [February 13, 2026, 2:11pm UTC](https://forum.inductiveautomation.com/t/tab-container-label-word-wrap/113942/3 "2026-02-13T14:11:57Z")

</div>

Excellent! Thank you! That did the trick.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [February 13, 2026, 6:56pm UTC](https://forum.inductiveautomation.com/t/tab-container-label-word-wrap/113942/4 "2026-02-13T18:56:40Z")

</div>

Welcome to the forum.

A couple of tips:

- If you want to reply to a post then use the Reply button in that post and the other user will get notified (top right) as you should have with this post. Otherwise they might miss your post.
- There's a "Solution" link in each answer. If you hit that it flags the question as solved on the index page (and also posts a summary of it below your question). Since my answer solved your question ...

---

<div class="post-metadata">

**Author:** ![tyler.bennett](https://avatars.discourse-cdn.com/v4/letter/t/f04885/32.png) [@tyler.bennett](https://forum.inductiveautomation.com/u/tyler.bennett)\
**Post date:** [February 13, 2026, 8:42pm UTC](https://forum.inductiveautomation.com/t/tab-container-label-word-wrap/113942/5 "2026-02-13T20:42:55Z")

</div>

Alternatively, if you want to apply the change generally to all tab containers (by default) you could add the following CSS text on the advanced style sheet (Perspective \> Styles \> stylesheet.css)

```css
[data-component="ia.container.tab"] .tab-menu .tab-menu-item span {
    white-space: normal;
    overflow-wrap: break-word;
}

```