From 1e13635e626451e2a84cf817acc0ac13ba2f6a4b Mon Sep 17 00:00:00 2001
From: ZeroIce <zeroicework@163.com>
Date: Tue, 23 Jun 2026 01:21:26 +0800
Subject: [PATCH 1/2] fix marketplace filter select width

---
 packages/ui/src/views/marketplaces/index.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/views/marketplaces/index.jsx b/packages/ui/src/views/marketplaces/index.jsx
index 1f364761414..c079c65f411 100644
--- a/packages/ui/src/views/marketplaces/index.jsx
+++ b/packages/ui/src/views/marketplaces/index.jsx
@@ -131,10 +131,16 @@ const Marketplace = () => {
     }
 
     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'
         }
@@ -481,7 +487,7 @@ const Marketplace = () => {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             justifyContent: 'end',
-                                            minWidth: 120
+                                            width: 160
                                         }}
                                     >
                                         <InputLabel size='small' id='filter-badge-label'>
@@ -517,7 +523,7 @@ const Marketplace = () => {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             justifyContent: 'end',
-                                            minWidth: 120
+                                            width: 160
                                         }}
                                     >
                                         <InputLabel size='small' id='type-badge-label'>
@@ -553,7 +559,7 @@ const Marketplace = () => {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             justifyContent: 'end',
-                                            minWidth: 120
+                                            width: 160
                                         }}
                                     >
                                         <InputLabel size='small' id='type-fw-label'>

From a26439bb8331dffd02732ed52c24392a0b84494c Mon Sep 17 00:00:00 2001
From: ZeroIce <zeroicework@163.com>
Date: Tue, 23 Jun 2026 01:38:57 +0800
Subject: [PATCH 2/2] Address marketplace select review feedback

---
 packages/ui/src/views/marketplaces/index.jsx | 38 ++++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/ui/src/views/marketplaces/index.jsx b/packages/ui/src/views/marketplaces/index.jsx
index c079c65f411..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,22 +146,6 @@ const Marketplace = () => {
         setShowShareTemplateDialog(true)
     }
 
-    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'
-        }
-    })
-
     const handleTabChange = (event, newValue) => {
         if (newValue === 1 && !getAllCustomTemplatesApi.data) {
             getAllCustomTemplatesApi.request()
@@ -487,7 +487,7 @@ const Marketplace = () => {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             justifyContent: 'end',
-                                            width: 160
+                                            width: MenuProps.PaperProps.style.width
                                         }}
                                     >
                                         <InputLabel size='small' id='filter-badge-label'>
@@ -523,7 +523,7 @@ const Marketplace = () => {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             justifyContent: 'end',
-                                            width: 160
+                                            width: MenuProps.PaperProps.style.width
                                         }}
                                     >
                                         <InputLabel size='small' id='type-badge-label'>
@@ -559,7 +559,7 @@ const Marketplace = () => {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             justifyContent: 'end',
-                                            width: 160
+                                            width: MenuProps.PaperProps.style.width
                                         }}
                                     >
                                         <InputLabel size='small' id='type-fw-label'>