From ca3d08629c29f8d6a4a9e28d650204c0445d2fd2 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Fri, 22 Aug 2025 12:24:23 +0500
Subject: [PATCH] Bookmarks bar scroll to only appear on hover (#33475)

Co-authored-by: Mattermost Build <build@mattermost.com>
---
 .../src/components/channel_bookmarks/channel_bookmarks.scss    | 3 +++
 .../src/components/channel_bookmarks/channel_bookmarks.tsx     | 1 +
 2 files changed, 4 insertions(+)

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))}