From 8e1ad7ec3dd2c1942f56986ffda1017dc78ea354 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Mon, 4 Jul 2022 11:23:40 +0200
Subject: [PATCH] change(ui) - filter dropdown overflow

---
 .../shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx b/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx
index 747fe64f9..a616d8853 100644
--- a/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx
+++ b/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx
@@ -13,6 +13,8 @@ const dropdownStyles = {
         ...provided,
         whiteSpace: 'nowrap',
         transition: 'all 0.3s',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
         backgroundColor: state.isFocused ? colors['active-blue'] : 'transparent',
         color: state.isFocused ? colors.teal : 'black',
         fontSize: '14px',
@@ -59,7 +61,8 @@ const dropdownStyles = {
         backgroundColor: '#fff',
         boxShadow: '1px 1px 1px rgba(0, 0, 0, 0.1)',
         position: 'absolute',
-        minWidth: 'fit-content',
+        width: 'unset',
+        maxWidth: '300px',
         overflow: 'hidden',
         zIndex: 100,
     }),