From ed94df0dfe007748e51de959d9dd4101485d8df4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20K=C3=B6hler?= <pedrokohlerbh@gmail.com>
Date: Fri, 11 Apr 2025 13:41:16 -0300
Subject: [PATCH] fix: add back study browser scrollbar (#4942)

---
 .../components/StudyBrowser/StudyBrowser.tsx  | 41 ++++++++++---------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx b/platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx
index 244b89546..196a7dbe5 100644
--- a/platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx
+++ b/platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { StudyItem } from '../StudyItem';
 import { StudyBrowserSort } from '../StudyBrowserSort';
 import { StudyBrowserViewOptions } from '../StudyBrowserViewOptions';
+import { ScrollArea } from '../ScrollArea';
 
 const noop = () => {};
 
@@ -59,26 +60,28 @@ const StudyBrowser = ({
   };
 
   return (
-    <div
-      className="ohif-scrollbar invisible-scrollbar bg-bkg-low flex flex-1 flex-col gap-[4px] overflow-auto"
-      data-cy={'studyBrowser-panel'}
-    >
-      <div className="flex flex-col gap-[4px]">
-        {showSettings && (
-          <div className="w-100 bg-bkg-low flex h-[48px] items-center justify-center gap-[10px] px-[8px] py-[10px]">
-            <>
-              <StudyBrowserViewOptions
-                tabs={tabs}
-                onSelectTab={onClickTab}
-                activeTabName={activeTabName}
-              />
-              <StudyBrowserSort servicesManager={servicesManager} />
-            </>
-          </div>
-        )}
-        {getTabContent()}
+    <ScrollArea>
+      <div
+        className="bg-bkg-low flex flex-1 flex-col gap-[4px]"
+        data-cy={'studyBrowser-panel'}
+      >
+        <div className="flex flex-col gap-[4px]">
+          {showSettings && (
+            <div className="w-100 bg-bkg-low flex h-[48px] items-center justify-center gap-[10px] px-[8px] py-[10px]">
+              <>
+                <StudyBrowserViewOptions
+                  tabs={tabs}
+                  onSelectTab={onClickTab}
+                  activeTabName={activeTabName}
+                />
+                <StudyBrowserSort servicesManager={servicesManager} />
+              </>
+            </div>
+          )}
+          {getTabContent()}
+        </div>
       </div>
-    </div>
+    </ScrollArea>
   );
 };