From 002bc82a8fd40bd806182c6e844d8bb4a2883b69 Mon Sep 17 00:00:00 2001
From: Michael Puehringer <michael.puehringer@datavisyn.io>
Date: Wed, 17 May 2023 12:51:41 +0200
Subject: [PATCH] Make side panel scrollable

---
 src/ranking/EagerVisynRanking.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/ranking/EagerVisynRanking.tsx b/src/ranking/EagerVisynRanking.tsx
index 3d2cb3328..e253dc580 100644
--- a/src/ranking/EagerVisynRanking.tsx
+++ b/src/ranking/EagerVisynRanking.tsx
@@ -121,5 +121,18 @@ export function EagerVisynRanking<T extends Record<string, unknown>>({
     }
   }, [selection]);
 
-  return <Box ref={divRef} style={{ flex: 1, width: '100%' }} {...(innerProps || {})} />;
+  return (
+    <Box
+      ref={divRef}
+      sx={{
+        flex: 1,
+        width: '100%',
+        // Make the side panel scrollable
+        '> .lu-side-panel-main': {
+          overflowY: 'auto',
+        },
+      }}
+      {...(innerProps || {})}
+    />
+  );
 }