diff --git a/webapp/channels/src/components/channel_bookmarks/channel_bookmarks.scss b/webapp/channels/src/components/channel_bookmarks/channel_bookmarks.scss
index 96908b1d53d..f9fe062ac6d 100644
--- a/webapp/channels/src/components/channel_bookmarks/channel_bookmarks.scss
+++ b/webapp/channels/src/components/channel_bookmarks/channel_bookmarks.scss
@@ -1,3 +1,6 @@
+.channel-bookmarks-container {
+    scrollbar-width: thin;
+}
 
 .channelBookmarksMenuButton {
     position: relative;
diff --git a/webapp/channels/src/components/channel_bookmarks/channel_bookmarks.tsx b/webapp/channels/src/components/channel_bookmarks/channel_bookmarks.tsx
index 60fa72ff6da..3b13d55007e 100644
--- a/webapp/channels/src/components/channel_bookmarks/channel_bookmarks.tsx
+++ b/webapp/channels/src/components/channel_bookmarks/channel_bookmarks.tsx
@@ -51,6 +51,7 @@ function ChannelBookmarks({
                         <Container
                             ref={drop.innerRef}
                             data-testid='channel-bookmarks-container'
+                            className='channel-bookmarks-container'
                             {...drop.droppableProps}
                         >
                             {order.map(makeItemRenderer(bookmarks, snap.isDraggingOver, !canReorder))}