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,