# \[Bug-11305\] scroll bars on flex layouts

**URL:** <https://forum.inductiveautomation.com/t/bug-11305-scroll-bars-on-flex-layouts/23252>\
**Category:** Ignition Early Access\
**Created:** [March 12, 2019, 4:41pm UTC](https://forum.inductiveautomation.com/t/bug-11305-scroll-bars-on-flex-layouts/23252 "2019-03-12T16:41:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![BumbleBeeTuna](https://avatars.discourse-cdn.com/v4/letter/b/cc9497/32.png) [@BumbleBeeTuna](https://forum.inductiveautomation.com/u/BumbleBeeTuna)\
**Post date:** [March 12, 2019, 4:41pm UTC](https://forum.inductiveautomation.com/t/bug-11305-scroll-bars-on-flex-layouts/23252/1 "2019-03-12T16:41:28Z")

</div>

When I place a DateTimeInput component inside a flex view I get scroll bars (unwanted).  
Why is this happening on some components but not all?

For example:  
pieChart, simpleGauge create scroll bars on the container.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/9fe10b42c230e9a21e2f42f402d151612f2f183c.png)

buttons and labels don’t create the scroll bars (ideal)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/e/e40b36ccfe4679f52d50b555c781d6f54e734a2d.png)

---

<div class="post-metadata">

**Author:** ![osolorzano](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/osolorzano/32/6432_2.png) [@osolorzano](https://forum.inductiveautomation.com/u/osolorzano)\
**Post date:** [March 14, 2019, 12:10am UTC](https://forum.inductiveautomation.com/t/bug-11305-scroll-bars-on-flex-layouts/23252/2 "2019-03-14T00:10:50Z")

</div>

We have an existing bug that is tracking this issue, however you did find a couple more components it occurs with and I will add them to the ticket. Thanks for bringing it backup!

---

<div class="post-metadata">

**Author:** ![ayu](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ayu/32/16635_2.png) [@ayu](https://forum.inductiveautomation.com/u/ayu)\
**Post date:** [March 14, 2019, 5:35pm UTC](https://forum.inductiveautomation.com/t/bug-11305-scroll-bars-on-flex-layouts/23252/3 "2019-03-14T17:35:43Z")

</div>

As a workaround for the DateTimeInput component you can add `marginBottom: 0px` to component’s `inputProps.style` prop (either manual or using the inline style helper).

---

<div class="post-metadata">

**Author:** ![code\_skin](https://avatars.discourse-cdn.com/v4/letter/c/43a26b/32.png) [@code\_skin](https://forum.inductiveautomation.com/u/code_skin)\
**Post date:** [March 14, 2019, 5:45pm UTC](https://forum.inductiveautomation.com/t/bug-11305-scroll-bars-on-flex-layouts/23252/4 "2019-03-14T17:45:46Z")

</div>

> [@ayu](#):
>
> `marginBottom: 0px`

Thanks. Looks good now.