diff --git a/packages/web/components/common/MySelect/MultipleSelect.tsx b/packages/web/components/common/MySelect/MultipleSelect.tsx
index ac1772fbd44a..3b14611c2ef8 100644
--- a/packages/web/components/common/MySelect/MultipleSelect.tsx
+++ b/packages/web/components/common/MySelect/MultipleSelect.tsx
@@ -125,8 +125,8 @@ const MultipleSelect = <T = any,>({
                   return (
                     <MyTag
                       key={i}
-                      color={'myGray.600'}
-                      colorSchema="blue"
+                      bg={'primary.100'}
+                      color={'primary.700'}
                       type={'fill'}
                       borderRadius={'full'}
                       px={2}
diff --git a/packages/web/components/common/MySelect/index.tsx b/packages/web/components/common/MySelect/index.tsx
index 5694506e5efe..ddc81bbafcfe 100644
--- a/packages/web/components/common/MySelect/index.tsx
+++ b/packages/web/components/common/MySelect/index.tsx
@@ -160,7 +160,7 @@ const MySelect = <T = any,>(
           px={3}
           rightIcon={<MyIcon name={'core/chat/chevronDown'} w={4} color={'myGray.500'} />}
           variant={'whitePrimaryOutline'}
-          minH={'32px'}
+          size={'md'}
           fontSize={'sm'}
           textAlign={'left'}
           _active={{
diff --git a/projects/app/src/pages/account/usage/index.tsx b/projects/app/src/pages/account/usage/index.tsx
index 46f8d75bbc23..c537a03845c2 100644
--- a/projects/app/src/pages/account/usage/index.tsx
+++ b/projects/app/src/pages/account/usage/index.tsx
@@ -69,7 +69,7 @@ const UsageTable = () => {
     () =>
       members.map((item) => ({
         label: (
-          <Flex alignItems={'center'}>
+          <Flex alignItems={'center'} color={'myGray.500'}>
             <Avatar src={item.avatar} w={'20px'} mr={1} rounded={'full'} />
             {item.memberName}
           </Flex>
@@ -172,6 +172,7 @@ const UsageTable = () => {
             {!isDetail && (
               <MySelect
                 bg={'myGray.50'}
+                minH={'32px'}
                 height={'32px'}
                 fontSize={'mini'}
                 ml={1}
@@ -221,6 +222,7 @@ const UsageTable = () => {
                   }}
                   itemWrap={false}
                   height={'32px'}
+                  bg={'myGray.50'}
                   w={'160px'}
                 />
               </Box>
@@ -252,6 +254,7 @@ const UsageTable = () => {
                 onSelect={(val) => setUsageSources(val as UsageSourceEnum[])}
                 itemWrap={false}
                 height={'32px'}
+                bg={'myGray.50'}
                 w={'160px'}
               />
             </Box>
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputTypeConfig.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputTypeConfig.tsx
index 17d33399fec7..35ecd709132e 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputTypeConfig.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputTypeConfig.tsx
@@ -102,11 +102,7 @@ const InputTypeConfig = ({
   }));
 
   const valueTypeSelectList = Object.values(FlowValueTypeMap).map((item) => ({
-    label: (
-      <Flex alignItems={'center'} h={6}>
-        {t(item.label as any)}
-      </Flex>
-    ),
+    label: t(item.label as any),
     value: item.value
   }));
 
@@ -363,7 +359,8 @@ const InputTypeConfig = ({
               <MultipleSelect<WorkflowIOValueTypeEnum>
                 list={valueTypeSelectList}
                 bg={'myGray.50'}
-                height={'40px'}
+                minH={'40px'}
+                py={2}
                 value={selectValueTypeList || []}
                 onSelect={(e) => {
                   setValue('customInputConfig.selectValueTypeList', e);