# Perspective tabsSize dynamic width

**URL:** <https://forum.inductiveautomation.com/t/perspective-tabssize-dynamic-width/65010>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 10, 2022, 2:53pm UTC](https://forum.inductiveautomation.com/t/perspective-tabssize-dynamic-width/65010 "2022-10-10T14:53:23Z")\
**Posts on this page:** 1\
**Showing post:** 3

<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:** [October 11, 2022, 6:27am UTC](https://forum.inductiveautomation.com/t/perspective-tabssize-dynamic-width/65010/3 "2022-10-11T06:27:59Z")

</div>

I solved it here before 🙂  
You can use the new css editor if you use the newest version too 😉

> [@\[IGN-1831\]Tab Container Tab Width](https://forum.inductiveautomation.com/t/ign-1831-tab-container-tab-width/52071/5):
>
> here ya go: Seems you might also want to overwrite the flex basis; (i advice to auto) the default theme.css: [data-component="ia.container.tab"] .tab-menu .tab-menu-item { min-width: 2rem; max-width: 10rem; flex: 0 1 96px !important;} with injection you can get it like this (paste into style class background image prop with }{ around the css): }[data-component="ia.container.tab"] .tab-menu .tab-menu-item { min-width: 2rem; max-width: 10rem; flex: 0 1 96px !important;}{ I’v…

```auto
[data-component="ia.container.tab"] .tab-menu .tab-menu-item { min-width: 6rem; max-width: 46rem; flex: 0 1 auto !important; }

```

---

_[View the full topic](https://forum.inductiveautomation.com/t/perspective-tabssize-dynamic-width/65010)._