# Mobile View of Tabs

**URL:** <https://forum.radzen.com/t/mobile-view-of-tabs/712>\
**Category:** Angular\
**Created:** [November 29, 2018, 6:08pm UTC](https://forum.radzen.com/t/mobile-view-of-tabs/712 "2018-11-29T18:08:08Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![joshwilliam](https://forum.radzen.com/user_avatar/forum.radzen.com/joshwilliam/32/538_2.png) [@joshwilliam](https://forum.radzen.com/u/joshwilliam)\
**Post date:** [November 29, 2018, 6:08pm UTC](https://forum.radzen.com/t/mobile-view-of-tabs/712/1 "2018-11-29T18:08:08Z")

</div>

When I use a Tab layout on a form and view that form from a mobile device the tabs are cutoff of the screen and I have to scroll over (which isn't intuitive for my users at least) Is there a way to make the tab items wrap to a new line? This is only when looking at a mobile phone view and you have multiple tabs (3+ or so depending on tab names).

Josh

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [November 29, 2018, 8:46pm UTC](https://forum.radzen.com/t/mobile-view-of-tabs/712/2 "2018-11-29T20:46:21Z")

</div>

Hi Josh,

Please try adding the following CSS rule to `client\src\styles.css`:

```auto
.ui-tabview-nav {
  flex-wrap: wrap;
}

```

It should make the tabs wrap on a new line when there isn't enough space. We will include it by default in a future Radzen release.