# How to remove overflow from dashboard without removing the ability to scroll

**URL:** <https://discourse.nodered.org/t/how-to-remove-overflow-from-dashboard-without-removing-the-ability-to-scroll/27740>\
**Category:** Dashboard\
**Created:** [4 June 2020 00:34 UTC](https://discourse.nodered.org/t/how-to-remove-overflow-from-dashboard-without-removing-the-ability-to-scroll/27740 "2020-06-04T00:34:45Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![RyuunosukeDS3](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ryuunosukeds3/32/22503_2.png) [@RyuunosukeDS3](https://discourse.nodered.org/u/RyuunosukeDS3)\
**Post date:** [4 June 2020 00:34 UTC](https://discourse.nodered.org/t/how-to-remove-overflow-from-dashboard-without-removing-the-ability-to-scroll/27740/1 "2020-06-04T00:34:46Z")

</div>

Hello guys! I've been tryingto removethe overflow/scrollbar from the node-red dashboard but when i remove it i lose the ability to scroll. I've tried assigning the "overflow: hidden" to a div that has another div inside which that had it on. Anyways, any idea?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [4 June 2020 07:47 UTC](https://discourse.nodered.org/t/how-to-remove-overflow-from-dashboard-without-removing-the-ability-to-scroll/27740/2 "2020-06-04T07:47:07Z")

</div>

Where exactly is this ? Screenshot ? Example flow ?

---

<div class="post-metadata">

**Author:** ![RyuunosukeDS3](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ryuunosukeds3/32/22503_2.png) [@RyuunosukeDS3](https://discourse.nodered.org/u/RyuunosukeDS3)\
**Post date:** [4 June 2020 10:36 UTC](https://discourse.nodered.org/t/how-to-remove-overflow-from-dashboard-without-removing-the-ability-to-scroll/27740/3 "2020-06-04T10:36:00Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/d/2dfc5b3d7a3b7c417382281f4df79d9ef644c3a7.png) Here, that's what i have for now.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/3/536f773d209824e790ea5947e69d8e47fd037ae5.png) i've hidden it in md-content and then tried to turn it on in the div below. it didn't really work.

i've tried this principle, but it didn't really work [https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll](https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll)

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [4 June 2020 13:17 UTC](https://discourse.nodered.org/t/how-to-remove-overflow-from-dashboard-without-removing-the-ability-to-scroll/27740/4 "2020-06-04T13:17:13Z")

</div>

I can't see any screenshot there - or any demo flow... so ...

---

<div class="post-metadata">

**Author:** ![RyuunosukeDS3](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ryuunosukeds3/32/22503_2.png) [@RyuunosukeDS3](https://discourse.nodered.org/u/RyuunosukeDS3)\
**Post date:** [4 June 2020 16:05 UTC](https://discourse.nodered.org/t/how-to-remove-overflow-from-dashboard-without-removing-the-ability-to-scroll/27740/5 "2020-06-04T16:05:25Z")

</div>

added this to the ui\_template:

```auto
.masonry-container {
      overflow: scroll;
}

::-webkit-scrollbar {
    display: none;
}

```

that did the trick

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [18 June 2020 16:05 UTC](https://discourse.nodered.org/t/how-to-remove-overflow-from-dashboard-without-removing-the-ability-to-scroll/27740/6 "2020-06-18T16:05:26Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.