From 86b267f7669c57cfcb674e0a4442c50b7bd7c07f Mon Sep 17 00:00:00 2001
From: qianxuege <qianxuege15@gmail.com>
Date: Tue, 9 Jul 2024 11:17:34 -0400
Subject: [PATCH] added autowidth to categorydropdown

---
 src/components/CategoryDropdown.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/CategoryDropdown.tsx b/src/components/CategoryDropdown.tsx
index 1ca8328..7c9b2d4 100644
--- a/src/components/CategoryDropdown.tsx
+++ b/src/components/CategoryDropdown.tsx
@@ -25,7 +25,8 @@ const CategoryDropdown:React.FC<CategoryDropdownProps> = ({page, categoryName, h
 	  PaperProps: {
 		style: {
 		  maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,
-		  width: 450,
+		  // width: 300,
+      // overflow: scroll,
 		},
 	  },
 	};
@@ -59,6 +60,7 @@ const CategoryDropdown:React.FC<CategoryDropdownProps> = ({page, categoryName, h
             MenuProps={MenuProps}
             inputProps={{ 'aria-label': 'Without label' }}
             className="bg-white h-10"
+            autoWidth
             >
             
             <MenuItem disabled value="">