From 3f9c718fda02c5451ad7d0bc3781612f848e185d Mon Sep 17 00:00:00 2001
From: Kiran Ashok <stepinfwd@gmail.com>
Date: Fri, 25 Mar 2022 15:40:33 +0530
Subject: [PATCH] fixing large text in selected dropdown not visible (#2630)

* fixing large text in selected dropdown not visible

* bugfix
---
 frontend/src/Editor/Components/DropDown.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/Editor/Components/DropDown.jsx b/frontend/src/Editor/Components/DropDown.jsx
index 1b7c18736c..e2365f756d 100644
--- a/frontend/src/Editor/Components/DropDown.jsx
+++ b/frontend/src/Editor/Components/DropDown.jsx
@@ -108,6 +108,8 @@ export const DropDown = function DropDown({
             ':hover': {
               backgroundColor: state.value === currentValue ? '#1F2E64' : '#323C4B',
             },
+            maxWidth: 'auto',
+            minWidth: 'max-content',
           }
         : {
             backgroundColor: state.value === currentValue ? '#7A95FB' : 'white',
@@ -115,6 +117,8 @@ export const DropDown = function DropDown({
             ':hover': {
               backgroundColor: state.value === currentValue ? '#3650AF' : '#d8dce9',
             },
+            maxWidth: 'auto',
+            minWidth: 'max-content',
           };
       return {
         ...provided,