From 52e840626027b9667b4719bdf3a9e62538a974ae Mon Sep 17 00:00:00 2001
From: roluk <70327485+roluk@users.noreply.github.com>
Date: Tue, 28 Nov 2023 14:33:15 +0200
Subject: [PATCH] Fix double scrollbar within group dropdown menu

---
 .../SavedViewsWidget/SavedViewsFolderWidget.tsx | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/packages/saved-views-react/src/SavedViewsWidget/SavedViewsFolderWidget.tsx b/packages/saved-views-react/src/SavedViewsWidget/SavedViewsFolderWidget.tsx
index 07ecf6ea..ba28ec7c 100644
--- a/packages/saved-views-react/src/SavedViewsWidget/SavedViewsFolderWidget.tsx
+++ b/packages/saved-views-react/src/SavedViewsWidget/SavedViewsFolderWidget.tsx
@@ -203,16 +203,13 @@ function SavedViewsGroupScreen(props: SavedViewsGroupScreenProps): ReactElement
           <IconButton onClick={() => props.setActiveGroup(undefined)}><SvgHome /></IconButton>
           <DropdownButton
             dropdownMenuProps={{ appendTo: "parent" }}
-            menuItems={(close) => [
-              <div key="0" style={{ overflow: "auto", height: "calc(15 * var(--iui-size-l))" }}>{
-                groups.map(
-                  (group) =>
-                    <MenuItem key={group.id} onClick={() => { close(); props.setActiveGroup(group.id); }}>
-                      {group.displayName}
-                    </MenuItem>,
-                )}
-              </div>,
-            ]}
+            menuItems={(close) =>
+              groups.map((group) =>
+                <MenuItem key={group.id} onClick={() => { close(); props.setActiveGroup(group.id); }}>
+                  {group.displayName}
+                </MenuItem>,
+              )
+            }
           >
             {props.activeGroup.displayName}
           </DropdownButton>