diff --git a/packages/ui/src/views/marketplaces/index.jsx b/packages/ui/src/views/marketplaces/index.jsx
index 1f364761414..01278727942 100644
--- a/packages/ui/src/views/marketplaces/index.jsx
+++ b/packages/ui/src/views/marketplaces/index.jsx
@@ -71,6 +71,22 @@ const MenuProps = {
     }
 }
 
+const getSelectStyles = (borderColor, isDarkMode) => ({
+    width: '100%',
+    '& .MuiOutlinedInput-notchedOutline': {
+        borderRadius: 2,
+        borderColor: borderColor
+    },
+    '& .MuiSelect-select': {
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap'
+    },
+    '& .MuiSvgIcon-root': {
+        color: isDarkMode ? '#fff' : 'inherit'
+    }
+})
+
 // ==============================|| Marketplace ||============================== //
 
 const Marketplace = () => {
@@ -130,16 +146,6 @@ const Marketplace = () => {
         setShowShareTemplateDialog(true)
     }
 
-    const getSelectStyles = (borderColor, isDarkMode) => ({
-        '& .MuiOutlinedInput-notchedOutline': {
-            borderRadius: 2,
-            borderColor: borderColor
-        },
-        '& .MuiSvgIcon-root': {
-            color: isDarkMode ? '#fff' : 'inherit'
-        }
-    })
-
     const handleTabChange = (event, newValue) => {
         if (newValue === 1 && !getAllCustomTemplatesApi.data) {
             getAllCustomTemplatesApi.request()
@@ -481,7 +487,7 @@ const Marketplace = () => {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             justifyContent: 'end',
-                                            minWidth: 120
+                                            width: MenuProps.PaperProps.style.width
                                         }}
                                     >
                                         <InputLabel size='small' id='filter-badge-label'>
@@ -517,7 +523,7 @@ const Marketplace = () => {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             justifyContent: 'end',
-                                            minWidth: 120
+                                            width: MenuProps.PaperProps.style.width
                                         }}
                                     >
                                         <InputLabel size='small' id='type-badge-label'>
@@ -553,7 +559,7 @@ const Marketplace = () => {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             justifyContent: 'end',
-                                            minWidth: 120
+                                            width: MenuProps.PaperProps.style.width
                                         }}
                                     >
                                         <InputLabel size='small' id='type-fw-label'>