From 94d0bbf3813192502aa3f43077d7694f96fac393 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Wed, 6 Mar 2024 15:37:06 +0500
Subject: [PATCH] ui: fix menu is not scrollable on small screens

---
 packages/ui/src/components/menu/index.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/menu/index.tsx b/packages/ui/src/components/menu/index.tsx
index bf7cb4c69..c9712bb4b 100644
--- a/packages/ui/src/components/menu/index.tsx
+++ b/packages/ui/src/components/menu/index.tsx
@@ -192,6 +192,7 @@ function MenuContainer(props: PropsWithChildren<MenuContainerProps>) {
         boxShadow: "menu",
         border: "1px solid var(--border)",
         minWidth: 220,
+        maxHeight: "80vh",
         ...sx
       }}
       {...flexProps}
@@ -213,9 +214,7 @@ function MenuContainer(props: PropsWithChildren<MenuContainerProps>) {
           {title}
         </Text>
       )}
-      <ScrollContainer suppressScrollX style={{ maxHeight: "80%" }}>
-        {children}
-      </ScrollContainer>
+      <ScrollContainer suppressScrollX>{children}</ScrollContainer>
       {/* <FlexScrollContainer>{children}</FlexScrollContainer> */}
     </Box>
   );