# Hide Scrollbars on all repeating groups

**URL:** <https://forum.bubble.io/t/hide-scrollbars-on-all-repeating-groups/387946>\
**Category:** Showcase\
**Created:** [December 22, 2025, 6:42pm UTC](https://forum.bubble.io/t/hide-scrollbars-on-all-repeating-groups/387946 "2025-12-22T18:42:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![bestbubbledev](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bestbubbledev/32/116378_2.png) [@bestbubbledev](https://forum.bubble.io/u/bestbubbledev)\
**Post date:** [December 22, 2025, 6:42pm UTC](https://forum.bubble.io/t/hide-scrollbars-on-all-repeating-groups/387946/1 "2025-12-22T18:42:29Z")

</div>

You can add the following snippet to SEO & Metatags in Settings to hide all repeating group scrollbars. Before committing to it have in mind the users who do not use pads. They may need scrollbars to scroll horizontally.

.bubble-element.RepeatingGroup::-webkit-scrollbar { display: none; } .bubble-element.RepeatingGroup { -ms-overflow-style: none; scrollbar-width: none; }

---

<div class="post-metadata">

**Author:** ![QinisoG](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/qinisog/32/258308_2.png) [@QinisoG](https://forum.bubble.io/u/QinisoG)\
**Post date:** [December 23, 2025, 6:54pm UTC](https://forum.bubble.io/t/hide-scrollbars-on-all-repeating-groups/387946/2 "2025-12-23T18:54:10Z")

</div>

This is cool, can you plug me some code to override this global rule for special use cases.

Not sure how that would work given there is no ID assignment to elements.

I usually do it the other way round (hard code containers where scroll bar is not desired it using a script) … but this might be better

---

<div class="post-metadata">

**Author:** ![bestbubbledev](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bestbubbledev/32/116378_2.png) [@bestbubbledev](https://forum.bubble.io/u/bestbubbledev)\
**Post date:** [December 23, 2025, 7:02pm UTC](https://forum.bubble.io/t/hide-scrollbars-on-all-repeating-groups/387946/3 "2025-12-23T19:02:46Z")

</div>

> [@bestbubbledev](#):
>
> .bubble-element.RepeatingGroup::-webkit-scrollbar { display: none; } .bubble-element.RepeatingGroup { -ms-overflow-style: none; scrollbar-width: none; }

Give your RG id: rg-scrollbar-hide

#rg-scrollbar-hide::-webkit-scrollbar { display: none; } #rg-scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

Let me know how this goes.

---

<div class="post-metadata">

**Author:** ![QinisoG](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/qinisog/32/258308_2.png) [@QinisoG](https://forum.bubble.io/u/QinisoG)\
**Post date:** [December 23, 2025, 7:15pm UTC](https://forum.bubble.io/t/hide-scrollbars-on-all-repeating-groups/387946/4 "2025-12-23T19:15:07Z")

</div>

This isn’t really applicable to anything I’m building now … Just want something to come back to if I need the code in the near future since I’m not super solid at CSS yet.

But thanks.