diff --git a/package.json b/package.json
index 567c18aebd..60eafc1998 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "checker": "concurrently \"pnpm ts-check\" \"pnpm eslint\" \"pnpm stylelint\" \"pnpm prettier:c\"",
     "test": "sh ./scripts/jest/run.sh",
     "test:c": "sh ./scripts/jest/run-coverage.sh",
-    "test:ci": "sh ./scripts/jest/run-ci.sh 1 1 && node ./scripts/jest/merge-report-json.js",
+    "test:ci": "sh ./scripts/jest/run-ci.sh 1 1 && SHARD_COUNT=1 node ./scripts/jest/merge-report-json.js",
     "test:clean": "jest --clearCache",
     "icon:g": "pnpm --filter @actiontech/icons icon:g",
     "icon:docs:g": "pnpm --filter @actiontech/icons docs:g",
@@ -149,4 +149,4 @@
     "@babel/core": "^7.22.0",
     "@ant-design/cssinjs": "1.17.0"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/base/src/__snapshots__/App.test.tsx.snap b/packages/base/src/__snapshots__/App.test.tsx.snap
index 37cec6b125..ff42a054f9 100644
--- a/packages/base/src/__snapshots__/App.test.tsx.snap
+++ b/packages/base/src/__snapshots__/App.test.tsx.snap
@@ -229,7 +229,7 @@ exports[`App render App when "checkPageAction" is false 1`] = `
               </div>
             </div>
             <div
-              class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+              class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
               searchinputref="[object Object]"
             >
               <div
@@ -1442,7 +1442,7 @@ exports[`App render App when token is existed 1`] = `
               </div>
             </div>
             <div
-              class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+              class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
               searchinputref="[object Object]"
             >
               <div
diff --git a/packages/base/src/hooks/useDbService/__snapshots__/index.test.tsx.snap b/packages/base/src/hooks/useDbService/__snapshots__/index.test.tsx.snap
index 88d479f899..d6fa953b9e 100644
--- a/packages/base/src/hooks/useDbService/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/hooks/useDbService/__snapshots__/index.test.tsx.snap
@@ -9,11 +9,77 @@ exports[`useDbService should render options when use generateDbServiceIDSelectOp
     />,
     "options": [
       {
-        "label": "test (127.0.0.1:3306)",
+        "label": <span
+          className="db-service-option-label"
+          style={
+            {
+              "alignItems": "center",
+              "display": "inline-flex",
+              "maxWidth": "none",
+            }
+          }
+        >
+          <Memo(EnvironmentTag)
+            color="#F5222D"
+            ellipsis={false}
+            name="PROD"
+            size="small"
+            style={
+              {
+                "flexShrink": 0,
+                "marginRight": 6,
+              }
+            }
+          />
+          <span
+            style={
+              {
+                "whiteSpace": "nowrap",
+              }
+            }
+          >
+            test (127.0.0.1:3306)
+          </span>
+        </span>,
+        "text": "test (127.0.0.1:3306)",
+        "title": "test (127.0.0.1:3306)",
         "value": "123123",
       },
       {
-        "label": "test2 (localhost:3306)",
+        "label": <span
+          className="db-service-option-label"
+          style={
+            {
+              "alignItems": "center",
+              "display": "inline-flex",
+              "maxWidth": "none",
+            }
+          }
+        >
+          <Memo(EnvironmentTag)
+            color="#52C41A"
+            ellipsis={false}
+            name="TEST"
+            size="small"
+            style={
+              {
+                "flexShrink": 0,
+                "marginRight": 6,
+              }
+            }
+          />
+          <span
+            style={
+              {
+                "whiteSpace": "nowrap",
+              }
+            }
+          >
+            test2 (localhost:3306)
+          </span>
+        </span>,
+        "text": "test2 (localhost:3306)",
+        "title": "test2 (localhost:3306)",
         "value": "300123",
       },
     ],
@@ -57,7 +123,27 @@ exports[`useDbService should render options when use generateDbServiceIDSelectOp
           class="ant-select-selection-item"
           title="test (127.0.0.1:3306)"
         >
-          test (127.0.0.1:3306)
+          <span
+            class="db-service-option-label"
+            style="display: inline-flex; align-items: center; max-width: none;"
+          >
+            <span
+              class="css-cf91id"
+              color="#F5222D"
+              style="margin-right: 6px; flex-shrink: 0;"
+            >
+              <span
+                class="environment-tag-name"
+              >
+                PROD
+              </span>
+            </span>
+            <span
+              style="white-space: nowrap;"
+            >
+              test (127.0.0.1:3306)
+            </span>
+          </span>
         </span>
       </div>
       <span
@@ -127,7 +213,27 @@ exports[`useDbService should render options when use generateDbServiceIDSelectOp
           class="ant-select-selection-item"
           title="test (127.0.0.1:3306)"
         >
-          test (127.0.0.1:3306)
+          <span
+            class="db-service-option-label"
+            style="display: inline-flex; align-items: center; max-width: none;"
+          >
+            <span
+              class="css-cf91id"
+              color="#F5222D"
+              style="margin-right: 6px; flex-shrink: 0;"
+            >
+              <span
+                class="environment-tag-name"
+              >
+                PROD
+              </span>
+            </span>
+            <span
+              style="white-space: nowrap;"
+            >
+              test (127.0.0.1:3306)
+            </span>
+          </span>
         </span>
       </div>
       <span
@@ -175,7 +281,6 @@ exports[`useDbService should render options when use generateDbServiceIDSelectOp
             role="presentation"
           />
           <div
-            aria-label="test (127.0.0.1:3306)"
             aria-selected="true"
             id="rc_select_TEST_OR_SSR_list_1"
             role="option"
@@ -183,7 +288,6 @@ exports[`useDbService should render options when use generateDbServiceIDSelectOp
             123123
           </div>
           <div
-            aria-label="test2 (localhost:3306)"
             aria-selected="false"
             id="rc_select_TEST_OR_SSR_list_2"
             role="option"
@@ -230,7 +334,27 @@ exports[`useDbService should render options when use generateDbServiceIDSelectOp
                   <div
                     class="ant-select-item-option-content"
                   >
-                    test (127.0.0.1:3306)
+                    <span
+                      class="db-service-option-label"
+                      style="display: inline-flex; align-items: center; max-width: none;"
+                    >
+                      <span
+                        class="css-cf91id"
+                        color="#F5222D"
+                        style="margin-right: 6px; flex-shrink: 0;"
+                      >
+                        <span
+                          class="environment-tag-name"
+                        >
+                          PROD
+                        </span>
+                      </span>
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        test (127.0.0.1:3306)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -248,7 +372,27 @@ exports[`useDbService should render options when use generateDbServiceIDSelectOp
                   <div
                     class="ant-select-item-option-content"
                   >
-                    test2 (localhost:3306)
+                    <span
+                      class="db-service-option-label"
+                      style="display: inline-flex; align-items: center; max-width: none;"
+                    >
+                      <span
+                        class="css-1wvwrtw"
+                        color="#52C41A"
+                        style="margin-right: 6px; flex-shrink: 0;"
+                      >
+                        <span
+                          class="environment-tag-name"
+                        >
+                          TEST
+                        </span>
+                      </span>
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        test2 (localhost:3306)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -276,11 +420,77 @@ exports[`useDbService should render options when use generateDbServiceSelectOpti
     />,
     "options": [
       {
-        "label": "test (127.0.0.1:3306)",
+        "label": <span
+          className="db-service-option-label"
+          style={
+            {
+              "alignItems": "center",
+              "display": "inline-flex",
+              "maxWidth": "none",
+            }
+          }
+        >
+          <Memo(EnvironmentTag)
+            color="#F5222D"
+            ellipsis={false}
+            name="PROD"
+            size="small"
+            style={
+              {
+                "flexShrink": 0,
+                "marginRight": 6,
+              }
+            }
+          />
+          <span
+            style={
+              {
+                "whiteSpace": "nowrap",
+              }
+            }
+          >
+            test (127.0.0.1:3306)
+          </span>
+        </span>,
+        "text": "test (127.0.0.1:3306)",
+        "title": "test (127.0.0.1:3306)",
         "value": "test",
       },
       {
-        "label": "test2 (localhost:3306)",
+        "label": <span
+          className="db-service-option-label"
+          style={
+            {
+              "alignItems": "center",
+              "display": "inline-flex",
+              "maxWidth": "none",
+            }
+          }
+        >
+          <Memo(EnvironmentTag)
+            color="#52C41A"
+            ellipsis={false}
+            name="TEST"
+            size="small"
+            style={
+              {
+                "flexShrink": 0,
+                "marginRight": 6,
+              }
+            }
+          />
+          <span
+            style={
+              {
+                "whiteSpace": "nowrap",
+              }
+            }
+          >
+            test2 (localhost:3306)
+          </span>
+        </span>,
+        "text": "test2 (localhost:3306)",
+        "title": "test2 (localhost:3306)",
         "value": "test2",
       },
     ],
@@ -442,7 +652,6 @@ exports[`useDbService should render options when use generateDbServiceSelectOpti
             role="presentation"
           />
           <div
-            aria-label="test (127.0.0.1:3306)"
             aria-selected="false"
             id="rc_select_TEST_OR_SSR_list_1"
             role="option"
@@ -450,7 +659,6 @@ exports[`useDbService should render options when use generateDbServiceSelectOpti
             test
           </div>
           <div
-            aria-label="test2 (localhost:3306)"
             aria-selected="false"
             id="rc_select_TEST_OR_SSR_list_2"
             role="option"
@@ -497,7 +705,27 @@ exports[`useDbService should render options when use generateDbServiceSelectOpti
                   <div
                     class="ant-select-item-option-content"
                   >
-                    test (127.0.0.1:3306)
+                    <span
+                      class="db-service-option-label"
+                      style="display: inline-flex; align-items: center; max-width: none;"
+                    >
+                      <span
+                        class="css-cf91id"
+                        color="#F5222D"
+                        style="margin-right: 6px; flex-shrink: 0;"
+                      >
+                        <span
+                          class="environment-tag-name"
+                        >
+                          PROD
+                        </span>
+                      </span>
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        test (127.0.0.1:3306)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -515,7 +743,27 @@ exports[`useDbService should render options when use generateDbServiceSelectOpti
                   <div
                     class="ant-select-item-option-content"
                   >
-                    test2 (localhost:3306)
+                    <span
+                      class="db-service-option-label"
+                      style="display: inline-flex; align-items: center; max-width: none;"
+                    >
+                      <span
+                        class="css-1wvwrtw"
+                        color="#52C41A"
+                        style="margin-right: 6px; flex-shrink: 0;"
+                      >
+                        <span
+                          class="environment-tag-name"
+                        >
+                          TEST
+                        </span>
+                      </span>
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        test2 (localhost:3306)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
diff --git a/packages/base/src/hooks/useDbService/index.tsx b/packages/base/src/hooks/useDbService/index.tsx
index 6bdade5ab0..4c534e2cea 100644
--- a/packages/base/src/hooks/useDbService/index.tsx
+++ b/packages/base/src/hooks/useDbService/index.tsx
@@ -4,8 +4,36 @@ import { Select } from 'antd';
 import { useDbServiceDriver } from '@actiontech/shared/lib/features';
 import { IListDBServiceTipItem } from '@actiontech/shared/lib/api/base/service/common';
 import { DatabaseTypeLogo, ResponseCode } from '@actiontech/dms-kit';
+import { EnvironmentTag } from '@actiontech/shared';
 import DBService from '@actiontech/shared/lib/api/base/service/DBService';
 import { IListDBServiceTipsParams } from '@actiontech/shared/lib/api/base/service/DBService/index.d';
+
+const getDbServiceDisplayLabel = (dbService: IListDBServiceTipItem) => {
+  return !!dbService.host && !!dbService.port
+    ? `${dbService.name} (${dbService.host}:${dbService.port})`
+    : dbService.name;
+};
+
+const renderDbServiceOptionLabel = (dbService: IListDBServiceTipItem) => {
+  return (
+    <span
+      className="db-service-option-label"
+      style={{ display: 'inline-flex', alignItems: 'center', maxWidth: 'none' }}
+    >
+      <EnvironmentTag
+        name={dbService.environment_tag?.name}
+        color={dbService.environment_tag?.color}
+        size="small"
+        ellipsis={false}
+        style={{ marginRight: 6, flexShrink: 0 }}
+      />
+      <span style={{ whiteSpace: 'nowrap' }}>
+        {getDbServiceDisplayLabel(dbService)}
+      </span>
+    </span>
+  );
+};
+
 const useDbService = () => {
   const [dbServiceList, setDbServiceList] = React.useState<
     IListDBServiceTipItem[]
@@ -54,17 +82,15 @@ const useDbService = () => {
               .map((db) => {
                 const id = db.id ?? '';
                 const name = db.name ?? '';
-                const label =
-                  !!db.host && !!db.port
-                    ? `${db.name} (${db.host}:${db.port})`
-                    : db.name;
+                const label = getDbServiceDisplayLabel(db);
                 return (
                   <Select.Option
                     key={db.id}
                     value={valueType === 'id' ? id : name}
                     label={label}
+                    title={label}
                   >
-                    {label}
+                    {renderDbServiceOptionLabel(db)}
                   </Select.Option>
                 );
               })}
@@ -97,10 +123,9 @@ const useDbService = () => {
           .filter((db) => db.db_type === type)
           .map((db) => ({
             value: valueType === 'id' ? db?.id : db?.name,
-            label:
-              !!db.host && !!db.port
-                ? `${db.name} (${db.host}:${db.port})`
-                : db.name
+            text: getDbServiceDisplayLabel(db),
+            title: getDbServiceDisplayLabel(db),
+            label: renderDbServiceOptionLabel(db)
           }))
       }));
     },
diff --git a/packages/base/src/page/CloudBeaver/List/__snapshots__/index.test.tsx.snap b/packages/base/src/page/CloudBeaver/List/__snapshots__/index.test.tsx.snap
index 999d78dca6..0f6b12695f 100644
--- a/packages/base/src/page/CloudBeaver/List/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/CloudBeaver/List/__snapshots__/index.test.tsx.snap
@@ -335,7 +335,7 @@ exports[`test base/CloudBeaver/List filter data with search 1`] = `
           style="margin-right: 12px; padding-bottom: 12px;"
         >
           <div
-            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
           >
             <div
               class="ant-select-selector"
@@ -458,7 +458,7 @@ exports[`test base/CloudBeaver/List filter data with search 1`] = `
           style="margin-right: 12px; padding-bottom: 12px;"
         >
           <div
-            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
           >
             <div
               class="ant-select-selector"
@@ -516,7 +516,7 @@ exports[`test base/CloudBeaver/List filter data with search 1`] = `
           style="padding-bottom: 12px;"
         >
           <div
-            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace exec-result-filter-item css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace exec-result-filter-item css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
           >
             <div
               class="ant-select-selector"
diff --git a/packages/base/src/page/DataExportManagement/Create/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/DataExportManagement/Create/__tests__/__snapshots__/index.test.tsx.snap
index 13041bc945..9be7780dc6 100644
--- a/packages/base/src/page/DataExportManagement/Create/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/DataExportManagement/Create/__tests__/__snapshots__/index.test.tsx.snap
@@ -294,7 +294,7 @@ exports[`first should match snapshot when pageState is equal CREATE_TASK 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                         >
                           <div
                             class="ant-select-selector"
@@ -446,7 +446,7 @@ exports[`first should match snapshot when pageState is equal CREATE_TASK 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
diff --git a/packages/base/src/page/DataExportManagement/Create/components/CreateTask/ExportSourceForm/ExportSourceFormItem.tsx b/packages/base/src/page/DataExportManagement/Create/components/CreateTask/ExportSourceForm/ExportSourceFormItem.tsx
index 97871d4c58..fa057eb5f1 100644
--- a/packages/base/src/page/DataExportManagement/Create/components/CreateTask/ExportSourceForm/ExportSourceFormItem.tsx
+++ b/packages/base/src/page/DataExportManagement/Create/components/CreateTask/ExportSourceForm/ExportSourceFormItem.tsx
@@ -1,9 +1,11 @@
 import {
   BasicSelect,
+  BasicInput,
+  CommonIconStyleWrapper,
+  environmentTagSelectProps,
   jsonParse,
   ROUTE_PATHS,
-  TRANSIT_FROM_CONSTANT,
-  BasicInput
+  TRANSIT_FROM_CONSTANT
 } from '@actiontech/dms-kit';
 import { FormItemLabel } from '@actiontech/dms-kit';
 import { useTranslation } from 'react-i18next';
@@ -16,7 +18,6 @@ import { CreateExportTaskFormEntryProps } from '../index.type';
 import { Form, SelectProps } from 'antd';
 import dayjs from 'dayjs';
 import { RingPieFilled } from '@actiontech/icons';
-import { CommonIconStyleWrapper } from '@actiontech/dms-kit';
 import { useTypedQuery } from '@actiontech/shared';
 import { decompressFromEncodedURIComponent } from 'lz-string';
 const ExportSourceFormItem: React.FC<
@@ -168,7 +169,10 @@ const ExportSourceFormItem: React.FC<
         ]}
       >
         <BasicSelect
+          {...environmentTagSelectProps}
           onChange={dbServiceChangeHandle}
+          optionFilterProp="label"
+          optionLabelProp="children"
           placeholder={t('common.form.placeholder.select', {
             name: t('dmsDataExport.create.form.source.dbService')
           })}
diff --git a/packages/base/src/page/DataExportManagement/Create/components/CreateTask/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/DataExportManagement/Create/components/CreateTask/__tests__/__snapshots__/index.test.tsx.snap
index bf44c0c397..5a04470a8b 100644
--- a/packages/base/src/page/DataExportManagement/Create/components/CreateTask/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/DataExportManagement/Create/components/CreateTask/__tests__/__snapshots__/index.test.tsx.snap
@@ -319,7 +319,7 @@ exports[`test base/DataExport/Create/CreateExportTask should match snapshot when
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                         >
                           <div
                             class="ant-select-selector"
@@ -471,7 +471,7 @@ exports[`test base/DataExport/Create/CreateExportTask should match snapshot when
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -1179,7 +1179,7 @@ exports[`test base/DataExport/Create/CreateExportTask should match snapshot when
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                         >
                           <div
                             class="ant-select-selector"
@@ -1331,7 +1331,7 @@ exports[`test base/DataExport/Create/CreateExportTask should match snapshot when
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
diff --git a/packages/base/src/page/DataExportManagement/Create/components/SubmitWorkflow/UpdateInfoDrawer/__snapshots__/index.test.tsx.snap b/packages/base/src/page/DataExportManagement/Create/components/SubmitWorkflow/UpdateInfoDrawer/__snapshots__/index.test.tsx.snap
index f099be697c..6033fd2123 100644
--- a/packages/base/src/page/DataExportManagement/Create/components/SubmitWorkflow/UpdateInfoDrawer/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/DataExportManagement/Create/components/SubmitWorkflow/UpdateInfoDrawer/__snapshots__/index.test.tsx.snap
@@ -332,7 +332,7 @@ exports[`test base/DataExport/Create/UpdateInfoDrawer should match snapshot 1`]
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -485,7 +485,7 @@ exports[`test base/DataExport/Create/UpdateInfoDrawer should match snapshot 1`]
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -1250,7 +1250,7 @@ exports[`test base/DataExport/Create/UpdateInfoDrawer should match snapshot when
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -1403,7 +1403,7 @@ exports[`test base/DataExport/Create/UpdateInfoDrawer should match snapshot when
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
diff --git a/packages/base/src/page/DataExportManagement/List/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/DataExportManagement/List/__tests__/__snapshots__/index.test.tsx.snap
index d65b34d4ff..bc15041c23 100644
--- a/packages/base/src/page/DataExportManagement/List/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/DataExportManagement/List/__tests__/__snapshots__/index.test.tsx.snap
@@ -3200,7 +3200,7 @@ exports[`test base/DataExport/List render table filter items 1`] = `
             style="margin-right: 12px; padding-bottom: 12px;"
           >
             <div
-              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
             >
               <div
                 class="ant-select-selector"
@@ -3258,7 +3258,7 @@ exports[`test base/DataExport/List render table filter items 1`] = `
             style="margin-right: 12px; padding-bottom: 12px;"
           >
             <div
-              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
             >
               <div
                 class="ant-select-selector"
@@ -3316,7 +3316,7 @@ exports[`test base/DataExport/List render table filter items 1`] = `
             style="padding-bottom: 12px;"
           >
             <div
-              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
             >
               <div
                 class="ant-select-selector"
diff --git a/packages/base/src/page/DataSource/components/AddDataSource/__snapshots__/index.test.tsx.snap b/packages/base/src/page/DataSource/components/AddDataSource/__snapshots__/index.test.tsx.snap
index f03f62a2ad..7c86bca849 100644
--- a/packages/base/src/page/DataSource/components/AddDataSource/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/DataSource/components/AddDataSource/__snapshots__/index.test.tsx.snap
@@ -177,7 +177,7 @@ exports[`page/DataSource/AddDataSource render add database snap 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                       >
                         <div
                           class="ant-select-selector"
@@ -308,7 +308,7 @@ exports[`page/DataSource/AddDataSource render add database snap 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                       >
                         <div
                           class="ant-select-selector"
@@ -632,7 +632,7 @@ exports[`page/DataSource/AddDataSource render add database snap 1`] = `
                       class="ant-form-item-control-input-content"
                     >
                       <div
-                        class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                        class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                       >
                         <span
                           class="placeholder"
@@ -900,7 +900,7 @@ exports[`page/DataSource/AddDataSource render add database snap 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                             >
                               <div
                                 class="ant-select-selector"
@@ -1028,7 +1028,7 @@ exports[`page/DataSource/AddDataSource render add database snap 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                             >
                               <div
                                 class="ant-select-selector"
@@ -1345,7 +1345,7 @@ exports[`page/DataSource/AddDataSource render conenctable modal when current ser
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                       >
                         <div
                           class="ant-select-selector"
@@ -1476,7 +1476,7 @@ exports[`page/DataSource/AddDataSource render conenctable modal when current ser
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                       >
                         <div
                           class="ant-select-selector"
@@ -1878,10 +1878,17 @@ exports[`page/DataSource/AddDataSource render conenctable modal when current ser
                       class="ant-form-item-control-input-content"
                     >
                       <div
-                        class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                        class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                       >
-                        <span>
-                          environment-1
+                        <span
+                          class="css-1acawoa"
+                          color="#8C8C8C"
+                        >
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-1
+                          </span>
                         </span>
                         <span
                           class="arrow-icon"
@@ -2227,7 +2234,7 @@ exports[`page/DataSource/AddDataSource render conenctable modal when current ser
       style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; pointer-events: none;"
     >
       <div
-        class="css-8go0jz"
+        class="css-ljujqb"
         height="320"
       >
         <div
@@ -2290,8 +2297,15 @@ exports[`page/DataSource/AddDataSource render conenctable modal when current ser
                     <div
                       class="menu-item-content"
                     >
-                      <span>
-                        environment-1
+                      <span
+                        class="css-1acawoa"
+                        color="#8C8C8C"
+                      >
+                        <span
+                          class="environment-tag-name"
+                        >
+                          environment-1
+                        </span>
                       </span>
                       <div
                         class="ant-space ant-space-horizontal ant-space-align-center"
@@ -2363,8 +2377,15 @@ exports[`page/DataSource/AddDataSource render conenctable modal when current ser
                     <div
                       class="menu-item-content"
                     >
-                      <span>
-                        environment-2
+                      <span
+                        class="css-1acawoa"
+                        color="#8C8C8C"
+                      >
+                        <span
+                          class="environment-tag-name"
+                        >
+                          environment-2
+                        </span>
                       </span>
                       <div
                         class="ant-space ant-space-horizontal ant-space-align-center"
diff --git a/packages/base/src/page/DataSource/components/Form/EnvironmentField/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/DataSource/components/Form/EnvironmentField/__tests__/__snapshots__/index.test.tsx.snap
index cb7b15ca63..7b732282a6 100644
--- a/packages/base/src/page/DataSource/components/Form/EnvironmentField/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/DataSource/components/Form/EnvironmentField/__tests__/__snapshots__/index.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Project/EnvironmentField render init snap 1`] = `
 <body>
   <div>
     <div
-      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
     >
       <span
         class="placeholder"
diff --git a/packages/base/src/page/DataSource/components/Form/EnvironmentField/__tests__/index.test.tsx b/packages/base/src/page/DataSource/components/Form/EnvironmentField/__tests__/index.test.tsx
index c0505d39d2..42034ffeee 100644
--- a/packages/base/src/page/DataSource/components/Form/EnvironmentField/__tests__/index.test.tsx
+++ b/packages/base/src/page/DataSource/components/Form/EnvironmentField/__tests__/index.test.tsx
@@ -57,6 +57,7 @@ describe('Project/EnvironmentField', () => {
     fireEvent.click(screen.getByText('添 加'));
     await act(async () => jest.advanceTimersByTime(0));
     expect(createEnvironmentTagSpy).toHaveBeenCalledWith({
+      color: '',
       environment_name: 'test',
       project_uid: mockProjectInfo.projectID
     });
@@ -81,6 +82,7 @@ describe('Project/EnvironmentField', () => {
     fireEvent.click(screen.getByText('保 存'));
     await act(async () => jest.advanceTimersByTime(0));
     expect(updateEnvironmentTagSpy).toHaveBeenCalledWith({
+      color: '',
       environment_tag_uid: '1',
       environment_name: 'Updated Option',
       project_uid: mockProjectInfo.projectID
diff --git a/packages/base/src/page/DataSource/components/Form/EnvironmentField/index.tsx b/packages/base/src/page/DataSource/components/Form/EnvironmentField/index.tsx
index 8ae7550a92..b62ff1a442 100644
--- a/packages/base/src/page/DataSource/components/Form/EnvironmentField/index.tsx
+++ b/packages/base/src/page/DataSource/components/Form/EnvironmentField/index.tsx
@@ -1,5 +1,8 @@
 import { EditableSelect } from '@actiontech/dms-kit';
-import { EditableSelectProps, EditableSelectOption } from '@actiontech/dms-kit';
+import type {
+  EditableSelectProps,
+  EditableSelectOption
+} from '@actiontech/dms-kit/es/components/EditableSelect/EditableSelect.types';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DmsApi } from '@actiontech/shared/lib/api';
@@ -8,6 +11,21 @@ import { useRequest } from 'ahooks';
 import { ResponseCode } from '@actiontech/dms-kit';
 import { IListDBServiceV2 } from '@actiontech/shared/lib/api/base/service/common';
 import { useBoolean } from 'ahooks';
+import { EnvironmentTag } from '@actiontech/shared';
+
+const ENVIRONMENT_TAG_PRESET_COLORS = [
+  '#F5222D',
+  '#FA8C16',
+  '#FAAD14',
+  '#52C41A',
+  '#13C2C2',
+  '#1677FF',
+  '#2F54EB',
+  '#722ED1',
+  '#EB2F96',
+  '#8C8C8C'
+];
+
 interface EnvironmentFieldProps extends Omit<EditableSelectProps, 'options'> {
   projectID?: string;
 }
@@ -36,7 +54,8 @@ const EnvironmentField: React.FC<EnvironmentFieldProps> = ({
         if (res.data.code === ResponseCode.SUCCESS) {
           return res.data.data?.map((item) => ({
             value: item.uid || '',
-            label: item.name || ''
+            label: item.name || '',
+            color: item.color || undefined
           }));
         }
       }),
@@ -45,10 +64,11 @@ const EnvironmentField: React.FC<EnvironmentFieldProps> = ({
       ready: !!projectID
     }
   );
-  const onAdd = (v: string) => {
+  const onAdd = (v: string, color?: string) => {
     startOperationLoading();
     DmsApi.ProjectService.CreateEnvironmentTag({
       environment_name: v,
+      color: color ?? '',
       project_uid: projectID ?? ''
     })
       .then((res) => {
@@ -105,6 +125,7 @@ const EnvironmentField: React.FC<EnvironmentFieldProps> = ({
     DmsApi.ProjectService.UpdateEnvironmentTag({
       environment_tag_uid: item.value.toString(),
       environment_name: item.label,
+      color: item.color ?? '',
       project_uid: projectID ?? ''
     })
       .then((res) => {
@@ -134,6 +155,16 @@ const EnvironmentField: React.FC<EnvironmentFieldProps> = ({
         onDelete={onDelete}
         onUpdate={onUpdate}
         onAdd={onAdd}
+        colorable
+        presetColors={ENVIRONMENT_TAG_PRESET_COLORS}
+        renderColorTag={(option) => (
+          <EnvironmentTag
+            name={option.label}
+            color={option.color}
+            size="small"
+            ellipsis={false}
+          />
+        )}
         loading={operationLoading || loading}
         errorMessage={
           boundServices.length > 0
diff --git a/packages/base/src/page/DataSource/components/Form/FormItem/__snapshots__/index.test.tsx.snap b/packages/base/src/page/DataSource/components/Form/FormItem/__snapshots__/index.test.tsx.snap
index 21f3844a1f..1e14531786 100644
--- a/packages/base/src/page/DataSource/components/Form/FormItem/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/DataSource/components/Form/FormItem/__snapshots__/index.test.tsx.snap
@@ -34,7 +34,7 @@ exports[`page/DataSource/DatabaseFormItem render async params 1`] = `
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
@@ -432,7 +432,7 @@ exports[`page/DataSource/DatabaseFormItem render form item snap 1`] = `
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
@@ -768,7 +768,7 @@ exports[`page/DataSource/DatabaseFormItem render form item snap when update 1`]
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
@@ -1156,7 +1156,7 @@ exports[`page/DataSource/DatabaseFormItem render need pwd 1`] = `
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
@@ -1544,7 +1544,7 @@ exports[`page/DataSource/DatabaseFormItem render port validator 1`] = `
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
@@ -1892,7 +1892,7 @@ exports[`page/DataSource/DatabaseFormItem render port validator 2`] = `
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
@@ -2240,7 +2240,7 @@ exports[`page/DataSource/DatabaseFormItem render port validator 3`] = `
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
diff --git a/packages/base/src/page/DataSource/components/Form/SqlAuditFields/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/DataSource/components/Form/SqlAuditFields/__tests__/__snapshots__/index.test.tsx.snap
index 5e230f9f2d..704b65bf4e 100644
--- a/packages/base/src/page/DataSource/components/Form/SqlAuditFields/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/DataSource/components/Form/SqlAuditFields/__tests__/__snapshots__/index.test.tsx.snap
@@ -168,7 +168,7 @@ exports[`SqlAuditFields should match snapshot when needSqlAuditService and needA
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                       >
                         <div
                           class="ant-select-selector"
@@ -296,7 +296,7 @@ exports[`SqlAuditFields should match snapshot when needSqlAuditService and needA
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                       >
                         <div
                           class="ant-select-selector"
@@ -483,7 +483,7 @@ exports[`SqlAuditFields should match snapshot when needSqlAuditService and needA
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                         >
                           <div
                             class="ant-select-selector"
@@ -603,7 +603,7 @@ exports[`SqlAuditFields should match snapshot when needSqlAuditService and needA
                           </span>
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1083,7 +1083,7 @@ exports[`SqlAuditFields should match snapshot when needSqlAuditService is true 1
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                       >
                         <div
                           class="ant-select-selector"
@@ -1211,7 +1211,7 @@ exports[`SqlAuditFields should match snapshot when needSqlAuditService is true 1
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                       >
                         <div
                           class="ant-select-selector"
diff --git a/packages/base/src/page/DataSource/components/Form/__snapshots__/index.ce.test.tsx.snap b/packages/base/src/page/DataSource/components/Form/__snapshots__/index.ce.test.tsx.snap
index acf08869e0..42f4be71be 100644
--- a/packages/base/src/page/DataSource/components/Form/__snapshots__/index.ce.test.tsx.snap
+++ b/packages/base/src/page/DataSource/components/Form/__snapshots__/index.ce.test.tsx.snap
@@ -110,7 +110,7 @@ exports[`page/DataSource/DataSourceForm CE render business field when getProject
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -241,7 +241,7 @@ exports[`page/DataSource/DataSourceForm CE render business field when getProject
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -564,7 +564,7 @@ exports[`page/DataSource/DataSourceForm CE render business field when getProject
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                     >
                       <span
                         class="placeholder"
@@ -832,7 +832,7 @@ exports[`page/DataSource/DataSourceForm CE render business field when getProject
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/base/src/page/DataSource/components/Form/__snapshots__/index.test.tsx.snap b/packages/base/src/page/DataSource/components/Form/__snapshots__/index.test.tsx.snap
index 2b3d2c0c92..acb7cd7109 100644
--- a/packages/base/src/page/DataSource/components/Form/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/DataSource/components/Form/__snapshots__/index.test.tsx.snap
@@ -111,7 +111,7 @@ exports[`page/DataSource/DataSourceForm render cancel rule 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -242,7 +242,7 @@ exports[`page/DataSource/DataSourceForm render cancel rule 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -678,10 +678,17 @@ exports[`page/DataSource/DataSourceForm render cancel rule 1`] = `
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                     >
-                      <span>
-                        environment-1
+                      <span
+                        class="css-1acawoa"
+                        color="#8C8C8C"
+                      >
+                        <span
+                          class="environment-tag-name"
+                        >
+                          environment-1
+                        </span>
                       </span>
                       <span
                         class="arrow-icon"
@@ -944,7 +951,7 @@ exports[`page/DataSource/DataSourceForm render cancel rule 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -1091,7 +1098,7 @@ exports[`page/DataSource/DataSourceForm render cancel rule 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -1621,7 +1628,7 @@ exports[`page/DataSource/DataSourceForm render cancel rule 2`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -1752,7 +1759,7 @@ exports[`page/DataSource/DataSourceForm render cancel rule 2`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -2188,10 +2195,17 @@ exports[`page/DataSource/DataSourceForm render cancel rule 2`] = `
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                     >
-                      <span>
-                        environment-1
+                      <span
+                        class="css-1acawoa"
+                        color="#8C8C8C"
+                      >
+                        <span
+                          class="environment-tag-name"
+                        >
+                          environment-1
+                        </span>
                       </span>
                       <span
                         class="arrow-icon"
@@ -2781,7 +2795,7 @@ exports[`page/DataSource/DataSourceForm render change switch when page is update
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -2912,7 +2926,7 @@ exports[`page/DataSource/DataSourceForm render change switch when page is update
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-loading ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-loading ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -3289,7 +3303,7 @@ exports[`page/DataSource/DataSourceForm render change switch when page is update
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                     >
                       <span
                         class="placeholder"
@@ -3557,7 +3571,7 @@ exports[`page/DataSource/DataSourceForm render change switch when page is update
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -3704,7 +3718,7 @@ exports[`page/DataSource/DataSourceForm render change switch when page is update
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -3891,7 +3905,7 @@ exports[`page/DataSource/DataSourceForm render change switch when page is update
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4011,7 +4025,7 @@ exports[`page/DataSource/DataSourceForm render change switch when page is update
                               </span>
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-open"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-open"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -4449,7 +4463,7 @@ exports[`page/DataSource/DataSourceForm render database type 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -4580,7 +4594,7 @@ exports[`page/DataSource/DataSourceForm render database type 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -4981,7 +4995,7 @@ exports[`page/DataSource/DataSourceForm render database type 1`] = `
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                     >
                       <span
                         class="placeholder"
@@ -5249,7 +5263,7 @@ exports[`page/DataSource/DataSourceForm render database type 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -5377,7 +5391,7 @@ exports[`page/DataSource/DataSourceForm render database type 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -5782,7 +5796,7 @@ exports[`page/DataSource/DataSourceForm render name rule 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -5913,7 +5927,7 @@ exports[`page/DataSource/DataSourceForm render name rule 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -6236,7 +6250,7 @@ exports[`page/DataSource/DataSourceForm render name rule 1`] = `
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                     >
                       <span
                         class="placeholder"
@@ -6504,7 +6518,7 @@ exports[`page/DataSource/DataSourceForm render name rule 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -6632,7 +6646,7 @@ exports[`page/DataSource/DataSourceForm render name rule 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -6894,7 +6908,7 @@ exports[`page/DataSource/DataSourceForm render name rule 2`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -7025,7 +7039,7 @@ exports[`page/DataSource/DataSourceForm render name rule 2`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -7348,7 +7362,7 @@ exports[`page/DataSource/DataSourceForm render name rule 2`] = `
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                     >
                       <span
                         class="placeholder"
@@ -7616,7 +7630,7 @@ exports[`page/DataSource/DataSourceForm render name rule 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -7744,7 +7758,7 @@ exports[`page/DataSource/DataSourceForm render name rule 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -7994,7 +8008,7 @@ exports[`page/DataSource/DataSourceForm render update form snap 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -8125,7 +8139,7 @@ exports[`page/DataSource/DataSourceForm render update form snap 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-loading ant-select-show-search"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-loading ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -8501,7 +8515,7 @@ exports[`page/DataSource/DataSourceForm render update form snap 1`] = `
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                     >
                       <span
                         class="placeholder"
@@ -8769,7 +8783,7 @@ exports[`page/DataSource/DataSourceForm render update form snap 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -8897,7 +8911,7 @@ exports[`page/DataSource/DataSourceForm render update form snap 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/base/src/page/DataSource/components/List/__snapshots__/index.test.tsx.snap b/packages/base/src/page/DataSource/components/List/__snapshots__/index.test.tsx.snap
index 81674b3bb1..b254e82696 100644
--- a/packages/base/src/page/DataSource/components/List/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/DataSource/components/List/__snapshots__/index.test.tsx.snap
@@ -1178,7 +1178,7 @@ exports[`page/DataSource/DataSourceList render table by filter enable masking 1`
         style="margin-right: 12px; padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -1236,7 +1236,7 @@ exports[`page/DataSource/DataSourceList render table by filter enable masking 1`
         style="margin-right: 12px; padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -1294,7 +1294,7 @@ exports[`page/DataSource/DataSourceList render table by filter enable masking 1`
         style="margin-right: 12px; padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -1352,7 +1352,7 @@ exports[`page/DataSource/DataSourceList render table by filter enable masking 1`
         style="margin-right: 12px; padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -1410,7 +1410,7 @@ exports[`page/DataSource/DataSourceList render table by filter enable masking 1`
         style="padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -1778,9 +1778,14 @@ exports[`page/DataSource/DataSourceList render table by filter enable masking 1`
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test
+                          </span>
                         </span>
                       </td>
                       <td
@@ -1926,9 +1931,14 @@ exports[`page/DataSource/DataSourceList render table by filter enable masking 1`
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test2
+                          </span>
                         </span>
                       </td>
                       <td
@@ -2396,7 +2406,7 @@ exports[`page/DataSource/DataSourceList render table filter option val 1`] = `
         style="margin-right: 12px; padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -2454,7 +2464,7 @@ exports[`page/DataSource/DataSourceList render table filter option val 1`] = `
         style="margin-right: 12px; padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -2512,7 +2522,7 @@ exports[`page/DataSource/DataSourceList render table filter option val 1`] = `
         style="margin-right: 12px; padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -2570,7 +2580,7 @@ exports[`page/DataSource/DataSourceList render table filter option val 1`] = `
         style="margin-right: 12px; padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -2628,7 +2638,7 @@ exports[`page/DataSource/DataSourceList render table filter option val 1`] = `
         style="padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -2996,9 +3006,14 @@ exports[`page/DataSource/DataSourceList render table filter option val 1`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test
+                          </span>
                         </span>
                       </td>
                       <td
@@ -3144,9 +3159,14 @@ exports[`page/DataSource/DataSourceList render table filter option val 1`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test2
+                          </span>
                         </span>
                       </td>
                       <td
@@ -3864,9 +3884,14 @@ exports[`page/DataSource/DataSourceList render table for action btn render table
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test
+                          </span>
                         </span>
                       </td>
                       <td
@@ -3991,9 +4016,14 @@ exports[`page/DataSource/DataSourceList render table for action btn render table
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test2
+                          </span>
                         </span>
                       </td>
                       <td
@@ -4744,9 +4774,14 @@ exports[`page/DataSource/DataSourceList render table for action btn render table
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test
+                          </span>
                         </span>
                       </td>
                       <td
@@ -5672,9 +5707,14 @@ exports[`page/DataSource/DataSourceList render table for action btn render table
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test
+                          </span>
                         </span>
                       </td>
                       <td
@@ -6600,9 +6640,14 @@ exports[`page/DataSource/DataSourceList render table for api has data 1`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test
+                          </span>
                         </span>
                       </td>
                       <td
@@ -6748,9 +6793,14 @@ exports[`page/DataSource/DataSourceList render table for api has data 1`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test2
+                          </span>
                         </span>
                       </td>
                       <td
@@ -7547,9 +7597,14 @@ exports[`page/DataSource/DataSourceList render table for api has data 2`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test
+                          </span>
                         </span>
                       </td>
                       <td
@@ -7695,9 +7750,14 @@ exports[`page/DataSource/DataSourceList render table for api has data 2`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          test2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            test2
+                          </span>
                         </span>
                       </td>
                       <td
diff --git a/packages/base/src/page/DataSource/components/List/columns.tsx b/packages/base/src/page/DataSource/components/List/columns.tsx
index 764fb0d2de..a3be10105c 100644
--- a/packages/base/src/page/DataSource/components/List/columns.tsx
+++ b/packages/base/src/page/DataSource/components/List/columns.tsx
@@ -4,8 +4,8 @@ import { t } from '../../../../locale';
 import { IListDBServiceV2 } from '@actiontech/shared/lib/api/base/service/common';
 import { ActiontechTableColumn } from '@actiontech/dms-kit/es/components/ActiontechTable';
 import { IListDBServicesV2Params } from '@actiontech/shared/lib/api/base/service/DBService/index.d';
-import { DatabaseTypeLogo, BasicTag } from '@actiontech/dms-kit';
-import { BasicTypographyEllipsis } from '@actiontech/shared';
+import { DatabaseTypeLogo } from '@actiontech/dms-kit';
+import { BasicTypographyEllipsis, EnvironmentTag } from '@actiontech/shared';
 import ScanTypeTagsCell from 'sqle/src/page/SqlManagementConf/List/ScanTypeTagsCell';
 import ConnectionResultColumn from './ConnectionResultColumn';
 
@@ -113,7 +113,9 @@ export const dataSourceColumns = (
         if (!environment?.name) {
           return '-';
         }
-        return <BasicTag>{environment?.name}</BasicTag>;
+        return (
+          <EnvironmentTag name={environment?.name} color={environment?.color} />
+        );
       },
       filterCustomType: 'select',
       filterKey: 'filter_by_environment_tag_uid'
diff --git a/packages/base/src/page/DataSource/components/UpdateDataSource/__snapshots__/index.test.tsx.snap b/packages/base/src/page/DataSource/components/UpdateDataSource/__snapshots__/index.test.tsx.snap
index e543e829d4..6dfa9768e8 100644
--- a/packages/base/src/page/DataSource/components/UpdateDataSource/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/DataSource/components/UpdateDataSource/__snapshots__/index.test.tsx.snap
@@ -162,7 +162,7 @@ exports[`page/DataSource/UpdateDataSource render edit database snap 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           >
                             <div
                               class="ant-select-selector"
@@ -293,7 +293,7 @@ exports[`page/DataSource/UpdateDataSource render edit database snap 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-loading ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-loading ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -669,7 +669,7 @@ exports[`page/DataSource/UpdateDataSource render edit database snap 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                            class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                           >
                             <span
                               class="placeholder"
@@ -937,7 +937,7 @@ exports[`page/DataSource/UpdateDataSource render edit database snap 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -1065,7 +1065,7 @@ exports[`page/DataSource/UpdateDataSource render edit database snap 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -1682,7 +1682,7 @@ exports[`page/DataSource/UpdateDataSource render prepare api 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           >
                             <div
                               class="ant-select-selector"
@@ -1813,7 +1813,7 @@ exports[`page/DataSource/UpdateDataSource render prepare api 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -2189,10 +2189,17 @@ exports[`page/DataSource/UpdateDataSource render prepare api 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                            class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                           >
-                            <span>
-                              environment-1
+                            <span
+                              class="css-1acawoa"
+                              color="#8C8C8C"
+                            >
+                              <span
+                                class="environment-tag-name"
+                              >
+                                environment-1
+                              </span>
                             </span>
                             <span
                               class="arrow-icon"
@@ -2455,7 +2462,7 @@ exports[`page/DataSource/UpdateDataSource render prepare api 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -2602,7 +2609,7 @@ exports[`page/DataSource/UpdateDataSource render prepare api 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -2906,7 +2913,7 @@ exports[`page/DataSource/UpdateDataSource return list by click return button 1`]
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           >
                             <div
                               class="ant-select-selector"
@@ -3037,7 +3044,7 @@ exports[`page/DataSource/UpdateDataSource return list by click return button 1`]
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-loading ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-loading ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -3413,7 +3420,7 @@ exports[`page/DataSource/UpdateDataSource return list by click return button 1`]
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                            class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                           >
                             <span
                               class="placeholder"
@@ -3681,7 +3688,7 @@ exports[`page/DataSource/UpdateDataSource return list by click return button 1`]
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -3809,7 +3816,7 @@ exports[`page/DataSource/UpdateDataSource return list by click return button 1`]
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
diff --git a/packages/base/src/page/GlobalDataSource/List/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/GlobalDataSource/List/__tests__/__snapshots__/index.test.tsx.snap
index 15e48bb65a..f7e9d5867c 100644
--- a/packages/base/src/page/GlobalDataSource/List/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/GlobalDataSource/List/__tests__/__snapshots__/index.test.tsx.snap
@@ -362,9 +362,14 @@ exports[`page/GlobalDataSource/List render list snap 1`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-1
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-1
+                          </span>
                         </span>
                       </td>
                       <td
@@ -594,9 +599,14 @@ exports[`page/GlobalDataSource/List render list snap 1`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-2
+                          </span>
                         </span>
                       </td>
                       <td
@@ -739,9 +749,14 @@ exports[`page/GlobalDataSource/List render list snap 1`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-2
+                          </span>
                         </span>
                       </td>
                       <td
@@ -1377,9 +1392,14 @@ exports[`page/GlobalDataSource/List render list snap 2`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-1
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-1
+                          </span>
                         </span>
                       </td>
                       <td
@@ -1609,9 +1629,14 @@ exports[`page/GlobalDataSource/List render list snap 2`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-2
+                          </span>
                         </span>
                       </td>
                       <td
@@ -1754,9 +1779,14 @@ exports[`page/GlobalDataSource/List render list snap 2`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-2
+                          </span>
                         </span>
                       </td>
                       <td
@@ -2150,7 +2180,7 @@ exports[`page/GlobalDataSource/List render table filter option val 1`] = `
         style="margin-right: 12px; padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -2208,7 +2238,7 @@ exports[`page/GlobalDataSource/List render table filter option val 1`] = `
         style="margin-right: 12px; padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -2266,7 +2296,7 @@ exports[`page/GlobalDataSource/List render table filter option val 1`] = `
         style="margin-right: 12px; padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -2324,7 +2354,7 @@ exports[`page/GlobalDataSource/List render table filter option val 1`] = `
         style="padding-bottom: 12px;"
       >
         <div
-          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
         >
           <div
             class="ant-select-selector"
@@ -2630,9 +2660,14 @@ exports[`page/GlobalDataSource/List render table filter option val 1`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-1
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-1
+                          </span>
                         </span>
                       </td>
                       <td
@@ -2862,9 +2897,14 @@ exports[`page/GlobalDataSource/List render table filter option val 1`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-2
+                          </span>
                         </span>
                       </td>
                       <td
@@ -3007,9 +3047,14 @@ exports[`page/GlobalDataSource/List render table filter option val 1`] = `
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-2
+                          </span>
                         </span>
                       </td>
                       <td
@@ -3645,9 +3690,14 @@ exports[`page/GlobalDataSource/List render table for action btn render table for
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-1
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-1
+                          </span>
                         </span>
                       </td>
                       <td
@@ -4513,9 +4563,14 @@ exports[`page/GlobalDataSource/List render table for action btn render table for
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-1
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-1
+                          </span>
                         </span>
                       </td>
                       <td
@@ -5381,9 +5436,14 @@ exports[`page/GlobalDataSource/List render table for action btn should not rende
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-1
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-1
+                          </span>
                         </span>
                       </td>
                       <td
@@ -5571,9 +5631,14 @@ exports[`page/GlobalDataSource/List render table for action btn should not rende
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-2
+                          </span>
                         </span>
                       </td>
                       <td
@@ -5674,9 +5739,14 @@ exports[`page/GlobalDataSource/List render table for action btn should not rende
                         class="ant-table-cell"
                       >
                         <span
-                          class="ant-tag ant-tag-default basic-tag-wrapper basic-default-tag-wrapper css-d31ub5"
+                          class="css-1xciw48"
+                          color="#8C8C8C"
                         >
-                          environment-2
+                          <span
+                            class="environment-tag-name"
+                          >
+                            environment-2
+                          </span>
                         </span>
                       </td>
                       <td
diff --git a/packages/base/src/page/GlobalDataSource/List/columns.tsx b/packages/base/src/page/GlobalDataSource/List/columns.tsx
index 5c2ab03103..17808ad47d 100644
--- a/packages/base/src/page/GlobalDataSource/List/columns.tsx
+++ b/packages/base/src/page/GlobalDataSource/List/columns.tsx
@@ -7,8 +7,8 @@ import {
   PageInfoWithoutIndexAndSize
 } from '@actiontech/dms-kit/es/components/ActiontechTable';
 import { IListGlobalDBServicesV2Params } from '@actiontech/shared/lib/api/base/service/DBService/index.d';
-import { DatabaseTypeLogo, BasicTag } from '@actiontech/dms-kit';
-import { BasicTypographyEllipsis } from '@actiontech/shared';
+import { DatabaseTypeLogo } from '@actiontech/dms-kit';
+import { BasicTypographyEllipsis, EnvironmentTag } from '@actiontech/shared';
 import ConnectionResultColumn from '../../DataSource/components/List/ConnectionResultColumn';
 import { ListDBServiceV2LastConnectionTestStatusEnum } from '@actiontech/shared/lib/api/base/service/common.enum';
 
@@ -42,7 +42,9 @@ export const GlobalDataSourceColumns = (
         if (!environment?.name) {
           return '-';
         }
-        return <BasicTag>{environment?.name}</BasicTag>;
+        return (
+          <EnvironmentTag name={environment?.name} color={environment?.color} />
+        );
       },
       filterCustomType: 'select',
       filterKey: 'filter_by_environment_tag_uid'
diff --git a/packages/base/src/page/Home/DefaultScene/components/NotFoundProject/__snapshots__/index.test.tsx.snap b/packages/base/src/page/Home/DefaultScene/components/NotFoundProject/__snapshots__/index.test.tsx.snap
index 54bf6c15d2..fec795e8d6 100644
--- a/packages/base/src/page/Home/DefaultScene/components/NotFoundProject/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/Home/DefaultScene/components/NotFoundProject/__snapshots__/index.test.tsx.snap
@@ -72,7 +72,7 @@ exports[`test base/home/NotFoundProject should match snapshot 1`] = `
                    暂无最近打开的项目, 请选择一个项目!
                 </span>
                 <div
-                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow ant-select-open"
+                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow ant-select-open"
                   searchinputref="[object Object]"
                 >
                   <div
@@ -173,7 +173,7 @@ exports[`test base/home/NotFoundProject should match snapshot 1`] = `
   <div>
     <div
       class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; padding: 0px; width: 240px; min-width: 0;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: max-content; padding: 0px; width: 240px;"
     >
       <div>
         <div
@@ -405,7 +405,7 @@ exports[`test base/home/NotFoundProject should match snapshot when clicked cance
                    暂无最近打开的项目, 请选择一个项目!
                 </span>
                 <div
-                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
                   searchinputref="[object Object]"
                 >
                   <div
diff --git a/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/AddMember.test.tsx.snap b/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/AddMember.test.tsx.snap
index f13daf2c09..e659b0258a 100644
--- a/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/AddMember.test.tsx.snap
+++ b/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/AddMember.test.tsx.snap
@@ -136,7 +136,7 @@ exports[`base/Member/Drawer/AddMember should render add member form with all fie
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/MemberForm.test.tsx.snap b/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/MemberForm.test.tsx.snap
index 1c7c9fc2a3..25f93f2e39 100644
--- a/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/MemberForm.test.tsx.snap
+++ b/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/MemberForm.test.tsx.snap
@@ -70,7 +70,7 @@ exports[`base/Member/Drawer/MemberForm should match snapshot when isUpdate is fa
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
@@ -350,7 +350,7 @@ exports[`base/Member/Drawer/MemberForm should match snapshot when isUpdate is tr
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-loading ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-loading ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
diff --git a/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/UpdateMember.test.tsx.snap b/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/UpdateMember.test.tsx.snap
index 744bfe971b..5b8c098c43 100644
--- a/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/UpdateMember.test.tsx.snap
+++ b/packages/base/src/page/Member/Drawer/Member/__tests__/__snapshots__/UpdateMember.test.tsx.snap
@@ -136,7 +136,7 @@ exports[`base/Member/Drawer/UpdateMember should render update member form with p
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/AddMemberGroup.test.tsx.snap b/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/AddMemberGroup.test.tsx.snap
index 65fde5ef83..d2ef58f198 100644
--- a/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/AddMemberGroup.test.tsx.snap
+++ b/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/AddMemberGroup.test.tsx.snap
@@ -140,7 +140,7 @@ exports[`base/Member/Drawer/AddMemberGroup should render add member group form w
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -667,7 +667,7 @@ exports[`base/Member/Drawer/AddMemberGroup should send add member group request
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -1194,7 +1194,7 @@ exports[`base/Member/Drawer/AddMemberGroup should send add member group request
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-open ant-select-show-search"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-open ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -1598,7 +1598,7 @@ exports[`base/Member/Drawer/AddMemberGroup should send add member group request
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -1711,7 +1711,7 @@ exports[`base/Member/Drawer/AddMemberGroup should send add member group request
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
diff --git a/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/MemberGroupForm.test.tsx.snap b/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/MemberGroupForm.test.tsx.snap
index c12f1a7bf2..09e36e17c7 100644
--- a/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/MemberGroupForm.test.tsx.snap
+++ b/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/MemberGroupForm.test.tsx.snap
@@ -74,7 +74,7 @@ exports[`base/Member/Drawer/MemberGroupForm should match snapshot when isUpdate
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-loading ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-loading ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
@@ -378,7 +378,7 @@ exports[`base/Member/Drawer/MemberGroupForm should match snapshot when isUpdate
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-loading ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-loading ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
diff --git a/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/UpdateMemberGroup.test.tsx.snap b/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/UpdateMemberGroup.test.tsx.snap
index 924036c248..107608dfcd 100644
--- a/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/UpdateMemberGroup.test.tsx.snap
+++ b/packages/base/src/page/Member/Drawer/MemberGroup/__tests__/__snapshots__/UpdateMemberGroup.test.tsx.snap
@@ -141,7 +141,7 @@ exports[`base/Member/Drawer/UpdateMemberGroup should render update member group
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -549,7 +549,7 @@ exports[`base/Member/Drawer/UpdateMemberGroup should render update member group
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -568,7 +568,27 @@ exports[`base/Member/Drawer/UpdateMemberGroup should render update member group
                                             <span
                                               class="ant-select-selection-item-content"
                                             >
-                                              test (127.0.0.1:3306)
+                                              <span
+                                                class="db-service-option-label"
+                                                style="display: inline-flex; align-items: center; max-width: none;"
+                                              >
+                                                <span
+                                                  class="css-cf91id"
+                                                  color="#F5222D"
+                                                  style="margin-right: 6px; flex-shrink: 0;"
+                                                >
+                                                  <span
+                                                    class="environment-tag-name"
+                                                  >
+                                                    PROD
+                                                  </span>
+                                                </span>
+                                                <span
+                                                  style="white-space: nowrap;"
+                                                >
+                                                  test (127.0.0.1:3306)
+                                                </span>
+                                              </span>
                                             </span>
                                             <span
                                               aria-hidden="true"
@@ -717,7 +737,7 @@ exports[`base/Member/Drawer/UpdateMemberGroup should render update member group
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -1085,7 +1105,7 @@ exports[`base/Member/Drawer/UpdateMemberGroup should send update member group re
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -1493,7 +1513,7 @@ exports[`base/Member/Drawer/UpdateMemberGroup should send update member group re
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -1512,7 +1532,27 @@ exports[`base/Member/Drawer/UpdateMemberGroup should send update member group re
                                             <span
                                               class="ant-select-selection-item-content"
                                             >
-                                              test (127.0.0.1:3306)
+                                              <span
+                                                class="db-service-option-label"
+                                                style="display: inline-flex; align-items: center; max-width: none;"
+                                              >
+                                                <span
+                                                  class="css-cf91id"
+                                                  color="#F5222D"
+                                                  style="margin-right: 6px; flex-shrink: 0;"
+                                                >
+                                                  <span
+                                                    class="environment-tag-name"
+                                                  >
+                                                    PROD
+                                                  </span>
+                                                </span>
+                                                <span
+                                                  style="white-space: nowrap;"
+                                                >
+                                                  test (127.0.0.1:3306)
+                                                </span>
+                                              </span>
                                             </span>
                                             <span
                                               aria-hidden="true"
@@ -1661,7 +1701,7 @@ exports[`base/Member/Drawer/UpdateMemberGroup should send update member group re
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
diff --git a/packages/base/src/page/Nav/SideMenu/ProjectSelector/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/Nav/SideMenu/ProjectSelector/__tests__/__snapshots__/index.test.tsx.snap
index 9c19a2e6d6..6aafe8698b 100644
--- a/packages/base/src/page/Nav/SideMenu/ProjectSelector/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/Nav/SideMenu/ProjectSelector/__tests__/__snapshots__/index.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when clicked more pr
 <body>
   <div>
     <div
-      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
       searchinputref="[object Object]"
     >
       <div
@@ -60,7 +60,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when clicked more pr
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; width: 240px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 240px; pointer-events: none;"
     >
       <div>
         <div
@@ -254,7 +254,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when closed select d
 <body>
   <div>
     <div
-      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
       searchinputref="[object Object]"
     >
       <div
@@ -310,7 +310,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when closed select d
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; width: 240px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 240px; pointer-events: none;"
     >
       <div>
         <div
@@ -504,7 +504,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 1`] =
 <body>
   <div>
     <div
-      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
       searchinputref="[object Object]"
     >
       <div
@@ -535,7 +535,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 1`] =
           class="ant-select-selection-item"
         >
           <span
-            class="custom-select-option-content css-17mg133"
+            class="custom-select-option-content css-1xzd9w3"
           >
             <span
               class="custom-select-option-content-prefix"
@@ -545,7 +545,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 1`] =
               </span>
             </span>
             <span
-              class="custom-select-option-content-label"
+              class="custom-select-option-content-label is-text-label"
             >
               test1
             </span>
@@ -580,7 +580,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 2`] =
 <body>
   <div>
     <div
-      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow ant-select-open"
+      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow ant-select-open"
       searchinputref="[object Object]"
     >
       <div
@@ -611,7 +611,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 2`] =
           class="ant-select-selection-item"
         >
           <span
-            class="custom-select-option-content css-17mg133"
+            class="custom-select-option-content css-1xzd9w3"
           >
             <span
               class="custom-select-option-content-prefix"
@@ -621,7 +621,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 2`] =
               </span>
             </span>
             <span
-              class="custom-select-option-content-label"
+              class="custom-select-option-content-label is-text-label"
             >
               test1
             </span>
@@ -652,7 +652,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 2`] =
   <div>
     <div
       class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; padding: 0px; width: 240px; min-width: 0;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: max-content; padding: 0px; width: 240px;"
     >
       <div>
         <div
@@ -889,7 +889,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 3`] =
 <body>
   <div>
     <div
-      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-focused ant-select-single ant-select-show-arrow ant-select-open"
+      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-focused ant-select-single ant-select-show-arrow ant-select-open"
       searchinputref="[object Object]"
     >
       <div
@@ -920,7 +920,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 3`] =
           class="ant-select-selection-item"
         >
           <span
-            class="custom-select-option-content css-17mg133"
+            class="custom-select-option-content css-1xzd9w3"
           >
             <span
               class="custom-select-option-content-prefix"
@@ -930,7 +930,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 3`] =
               </span>
             </span>
             <span
-              class="custom-select-option-content-label"
+              class="custom-select-option-content-label is-text-label"
             >
               test1
             </span>
@@ -961,7 +961,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 3`] =
   <div>
     <div
       class="ant-select-dropdown custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; padding: 0px; width: 240px; min-width: 0;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: max-content; padding: 0px; width: 240px;"
     >
       <div>
         <div
@@ -1198,7 +1198,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 4`] =
 <body>
   <div>
     <div
-      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-focused ant-select-single ant-select-show-arrow ant-select-open"
+      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-focused ant-select-single ant-select-show-arrow ant-select-open"
       searchinputref="[object Object]"
     >
       <div
@@ -1229,7 +1229,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 4`] =
           class="ant-select-selection-item"
         >
           <span
-            class="custom-select-option-content css-17mg133"
+            class="custom-select-option-content css-1xzd9w3"
           >
             <span
               class="custom-select-option-content-prefix"
@@ -1239,7 +1239,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 4`] =
               </span>
             </span>
             <span
-              class="custom-select-option-content-label"
+              class="custom-select-option-content-label is-text-label"
             >
               test1
             </span>
@@ -1270,7 +1270,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 4`] =
   <div>
     <div
       class="ant-select-dropdown custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; padding: 0px; width: 240px; min-width: 0;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: max-content; padding: 0px; width: 240px;"
     >
       <div>
         <div
@@ -1507,7 +1507,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 5`] =
 <body>
   <div>
     <div
-      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-focused ant-select-single ant-select-show-arrow ant-select-open"
+      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-focused ant-select-single ant-select-show-arrow ant-select-open"
       searchinputref="[object Object]"
     >
       <div
@@ -1539,7 +1539,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 5`] =
           style="visibility: hidden;"
         >
           <span
-            class="custom-select-option-content css-17mg133"
+            class="custom-select-option-content css-1xzd9w3"
           >
             <span
               class="custom-select-option-content-prefix"
@@ -1549,7 +1549,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 5`] =
               </span>
             </span>
             <span
-              class="custom-select-option-content-label"
+              class="custom-select-option-content-label is-text-label"
             >
               test1
             </span>
@@ -1580,7 +1580,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when has data 5`] =
   <div>
     <div
       class="ant-select-dropdown custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; padding: 0px; width: 240px; min-width: 0;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: max-content; padding: 0px; width: 240px;"
     >
       <div>
         <div
@@ -1775,7 +1775,7 @@ exports[`base/page/Nav/SideMenu/ProjectSelector render snap when no data 1`] = `
 <body>
   <div>
     <div
-      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+      class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
       searchinputref="[object Object]"
     >
       <div
diff --git a/packages/base/src/page/Nav/SideMenu/ProjectSelector/index.tsx b/packages/base/src/page/Nav/SideMenu/ProjectSelector/index.tsx
index 73089fd931..b69f2da270 100644
--- a/packages/base/src/page/Nav/SideMenu/ProjectSelector/index.tsx
+++ b/packages/base/src/page/Nav/SideMenu/ProjectSelector/index.tsx
@@ -125,7 +125,7 @@ const ProjectSelector: React.FC<ProjectSelectorProps> = ({
       }}
       allowClear={false}
       dropdownRender={renderDropdown}
-      onDropdownVisibleChange={(visible) => {
+      onDropdownVisibleChange={(visible: boolean) => {
         setOpen(visible);
         if (!visible) {
           setSearchValue('');
diff --git a/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/BasicVersionModal.test.tsx.snap b/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/BasicVersionModal.test.tsx.snap
index 0266f5273d..a611050f83 100644
--- a/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/BasicVersionModal.test.tsx.snap
+++ b/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/BasicVersionModal.test.tsx.snap
@@ -110,7 +110,7 @@ exports[`base/Nav/SideMenu/UserMenu/BasicVersionModal render snap when open is t
                             class="ant-typography"
                           >
                             UI: 
-                            sync/data-masking   417b194dd
+                            dms-ui/feat-2983   ce77b682
                           </article>
                         </div>
                         <div
@@ -345,7 +345,7 @@ exports[`base/Nav/SideMenu/UserMenu/BasicVersionModal render snap when open is t
                             class="ant-typography"
                           >
                             UI: 
-                            sync/data-masking   417b194dd
+                            dms-ui/feat-2983   ce77b682
                           </article>
                         </div>
                         <div
diff --git a/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/index.ce.test.tsx.snap b/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/index.ce.test.tsx.snap
index 77d857ff38..9e31024e07 100644
--- a/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/index.ce.test.tsx.snap
+++ b/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/index.ce.test.tsx.snap
@@ -110,7 +110,7 @@ exports[`base/Nav/SideMenu/UserMenu/VersionModal-ce render snap when open is tru
                             class="ant-typography"
                           >
                             UI: 
-                            sync/data-masking   417b194dd
+                            dms-ui/feat-2983   ce77b682
                           </article>
                         </div>
                         <div
@@ -1550,7 +1550,7 @@ exports[`base/Nav/SideMenu/UserMenu/VersionModal-ce render snap when open is tru
                             class="ant-typography"
                           >
                             UI: 
-                            sync/data-masking   417b194dd
+                            dms-ui/feat-2983   ce77b682
                           </article>
                         </div>
                         <div
diff --git a/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/index.test.tsx.snap b/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/index.test.tsx.snap
index 7b415471f3..976c7b70e6 100644
--- a/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/VersionModal/test/__snapshots__/index.test.tsx.snap
@@ -110,7 +110,7 @@ exports[`base/Nav/SideMenu/UserMenu/VersionModal-ee render snap when open is tru
                             class="ant-typography"
                           >
                             UI: 
-                            sync/data-masking   417b194dd
+                            dms-ui/feat-2983   ce77b682
                           </article>
                         </div>
                         <div
@@ -352,7 +352,7 @@ exports[`base/Nav/SideMenu/UserMenu/VersionModal-ee render snap when open is tru
                             class="ant-typography"
                           >
                             UI: 
-                            sync/data-masking   417b194dd
+                            dms-ui/feat-2983   ce77b682
                           </article>
                         </div>
                         <div
diff --git a/packages/base/src/page/Nav/SideMenu/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/Nav/SideMenu/__tests__/__snapshots__/index.test.tsx.snap
index c5bb89647b..78c52f1cd5 100644
--- a/packages/base/src/page/Nav/SideMenu/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/Nav/SideMenu/__tests__/__snapshots__/index.test.tsx.snap
@@ -132,7 +132,7 @@ exports[`test Base/Nav/SideMenu/index mount and unmount component 1`] = `
               </div>
             </div>
             <div
-              class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+              class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
               searchinputref="[object Object]"
             >
               <div
@@ -162,30 +162,30 @@ exports[`test Base/Nav/SideMenu/index mount and unmount component 1`] = `
                 <span
                   class="ant-select-selection-item"
                 >
-                  <span
-                    class="custom-select-option-content css-17mg133"
+                  <div
+                    class="css-1abqcxt"
                   >
-                    <span
-                      class="custom-select-option-content-prefix"
+                    <svg
+                      height="18"
+                      viewBox="0 0 18 18"
+                      width="18"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        height="18"
-                        viewBox="0 0 18 18"
-                        width="18"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M2.25 2.25h7.037a.75.75 0 0 1 .67.415L10.5 3.75H15a.75.75 0 0 1 .75.75v8.25a.75.75 0 0 1-.75.75h-4.786a.75.75 0 0 1-.671-.415L9 12H3.75v4.5h-1.5z"
-                          fill="#EBAD1C"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M2.25 2.25h7.037a.75.75 0 0 1 .67.415L10.5 3.75H15a.75.75 0 0 1 .75.75v8.25a.75.75 0 0 1-.75.75h-4.786a.75.75 0 0 1-.671-.415L9 12H3.75v4.5h-1.5z"
+                        fill="#EBAD1C"
+                      />
+                    </svg>
                     <span
-                      class="custom-select-option-content-label"
+                      class="project-selector-label-text"
                     >
-                      test_project_1
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-single-line ant-typography-ellipsis-single-line basic-typography-ellipsis css-wgj5gs"
+                      >
+                        test_project_1
+                      </div>
                     </span>
-                  </span>
+                  </div>
                 </span>
               </div>
               <span
@@ -392,7 +392,7 @@ exports[`test Base/Nav/SideMenu/index mount and unmount component 2`] = `
               </div>
             </div>
             <div
-              class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+              class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
               searchinputref="[object Object]"
             >
               <div
@@ -422,29 +422,29 @@ exports[`test Base/Nav/SideMenu/index mount and unmount component 2`] = `
                 <span
                   class="ant-select-selection-item"
                 >
-                  <span
-                    class="custom-select-option-content css-17mg133"
+                  <div
+                    class="css-1abqcxt"
                   >
-                    <span
-                      class="custom-select-option-content-prefix"
+                    <svg
+                      height="18"
+                      viewBox="64 64 896 896"
+                      width="18"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        height="18"
-                        viewBox="64 64 896 896"
-                        width="18"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32M332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332zm460 600H232V536h560zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 1 0-56 0"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32M332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332zm460 600H232V536h560zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 1 0-56 0"
+                      />
+                    </svg>
                     <span
-                      class="custom-select-option-content-label"
+                      class="project-selector-label-text"
                     >
-                      test_project_1
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-single-line ant-typography-ellipsis-single-line basic-typography-ellipsis css-wgj5gs"
+                      >
+                        test_project_1
+                      </div>
                     </span>
-                  </span>
+                  </div>
                 </span>
               </div>
               <span
@@ -651,7 +651,7 @@ exports[`test Base/Nav/SideMenu/index mount and unmount component 3`] = `
               </div>
             </div>
             <div
-              class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow ant-select-open"
+              class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow ant-select-open"
               searchinputref="[object Object]"
             >
               <div
@@ -681,29 +681,29 @@ exports[`test Base/Nav/SideMenu/index mount and unmount component 3`] = `
                 <span
                   class="ant-select-selection-item"
                 >
-                  <span
-                    class="custom-select-option-content css-17mg133"
+                  <div
+                    class="css-1abqcxt"
                   >
-                    <span
-                      class="custom-select-option-content-prefix"
+                    <svg
+                      height="18"
+                      viewBox="64 64 896 896"
+                      width="18"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        height="18"
-                        viewBox="64 64 896 896"
-                        width="18"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32M332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332zm460 600H232V536h560zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 1 0-56 0"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32M332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332zm460 600H232V536h560zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 1 0-56 0"
+                      />
+                    </svg>
                     <span
-                      class="custom-select-option-content-label"
+                      class="project-selector-label-text"
                     >
-                      test_project_1
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-single-line ant-typography-ellipsis-single-line basic-typography-ellipsis css-wgj5gs"
+                      >
+                        test_project_1
+                      </div>
                     </span>
-                  </span>
+                  </div>
                 </span>
               </div>
               <span
@@ -758,7 +758,7 @@ exports[`test Base/Nav/SideMenu/index mount and unmount component 3`] = `
   <div>
     <div
       class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; padding: 0px; width: 240px; min-width: 0;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: max-content; padding: 0px; width: 240px;"
     >
       <div>
         <div
diff --git a/packages/base/src/page/Project/Detail/NotFoundRecentlyProject/__tests__/__snapshots__/ProjectSelectorModal.test.tsx.snap b/packages/base/src/page/Project/Detail/NotFoundRecentlyProject/__tests__/__snapshots__/ProjectSelectorModal.test.tsx.snap
index 51220d3c26..79c0ac15f1 100644
--- a/packages/base/src/page/Project/Detail/NotFoundRecentlyProject/__tests__/__snapshots__/ProjectSelectorModal.test.tsx.snap
+++ b/packages/base/src/page/Project/Detail/NotFoundRecentlyProject/__tests__/__snapshots__/ProjectSelectorModal.test.tsx.snap
@@ -72,7 +72,7 @@ exports[`test base/page/project/detail/notFoundRecentlyProject/ProjectSelectorMo
                    暂无最近打开的项目, 请选择一个项目!
                 </span>
                 <div
-                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow ant-select-open"
+                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow ant-select-open"
                   searchinputref="[object Object]"
                 >
                   <div
@@ -103,10 +103,10 @@ exports[`test base/page/project/detail/notFoundRecentlyProject/ProjectSelectorMo
                       class="ant-select-selection-item"
                     >
                       <span
-                        class="custom-select-option-content css-17mg133"
+                        class="custom-select-option-content css-1xzd9w3"
                       >
                         <span
-                          class="custom-select-option-content-label"
+                          class="custom-select-option-content-label is-text-label"
                         >
                           test1
                         </span>
@@ -181,7 +181,7 @@ exports[`test base/page/project/detail/notFoundRecentlyProject/ProjectSelectorMo
   <div>
     <div
       class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; padding: 0px; width: 240px; min-width: 0;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: max-content; padding: 0px; width: 240px;"
     >
       <div>
         <div
diff --git a/packages/base/src/page/Project/Detail/NotFoundRecentlyProject/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/Project/Detail/NotFoundRecentlyProject/__tests__/__snapshots__/index.test.tsx.snap
index 3c6c6aaf57..adf2665464 100644
--- a/packages/base/src/page/Project/Detail/NotFoundRecentlyProject/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/Project/Detail/NotFoundRecentlyProject/__tests__/__snapshots__/index.test.tsx.snap
@@ -70,7 +70,7 @@ exports[`test base/page/project/detail/notFoundRecentlyProject should execute "n
                    暂无最近打开的项目, 请选择一个项目!
                 </span>
                 <div
-                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
                   searchinputref="[object Object]"
                 >
                   <div
@@ -243,7 +243,7 @@ exports[`test base/page/project/detail/notFoundRecentlyProject should match snap
                    暂无最近打开的项目, 请选择一个项目!
                 </span>
                 <div
-                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
                   searchinputref="[object Object]"
                 >
                   <div
@@ -416,7 +416,7 @@ exports[`test base/page/project/detail/notFoundRecentlyProject should match snap
                    暂无最近打开的项目, 请选择一个项目!
                 </span>
                 <div
-                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
                   searchinputref="[object Object]"
                 >
                   <div
diff --git a/packages/base/src/page/Project/Detail/__tests__/__snapshots__/index.ee.test.tsx.snap b/packages/base/src/page/Project/Detail/__tests__/__snapshots__/index.ee.test.tsx.snap
index 66291eb358..9948b5142d 100644
--- a/packages/base/src/page/Project/Detail/__tests__/__snapshots__/index.ee.test.tsx.snap
+++ b/packages/base/src/page/Project/Detail/__tests__/__snapshots__/index.ee.test.tsx.snap
@@ -78,7 +78,7 @@ exports[`test base/page/project/detail/ee should match snapshot when the current
                    暂无最近打开的项目, 请选择一个项目!
                 </span>
                 <div
-                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-1jmxnk5 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-lg ant-select-borderless basic-select-wrapper custom-select-namespace custom-project-selector css-8xciap ant-select-single ant-select-show-arrow"
                   searchinputref="[object Object]"
                 >
                   <div
diff --git a/packages/base/src/page/Project/Drawer/ProjectForm/BusinessField/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/Project/Drawer/ProjectForm/BusinessField/__tests__/__snapshots__/index.test.tsx.snap
index 12ae302aba..03edd20456 100644
--- a/packages/base/src/page/Project/Drawer/ProjectForm/BusinessField/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/Project/Drawer/ProjectForm/BusinessField/__tests__/__snapshots__/index.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Project/BusinessField render init snap 1`] = `
 <body>
   <div>
     <div
-      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
     >
       <span
         class="placeholder"
diff --git a/packages/base/src/page/Project/Drawer/ProjectForm/BusinessField/index.tsx b/packages/base/src/page/Project/Drawer/ProjectForm/BusinessField/index.tsx
index 162aaeaa56..5fff297251 100644
--- a/packages/base/src/page/Project/Drawer/ProjectForm/BusinessField/index.tsx
+++ b/packages/base/src/page/Project/Drawer/ProjectForm/BusinessField/index.tsx
@@ -1,5 +1,8 @@
 import { EditableSelect } from '@actiontech/dms-kit';
-import { EditableSelectValue, EditableSelectOption } from '@actiontech/dms-kit';
+import type {
+  EditableSelectValue,
+  EditableSelectOption
+} from '@actiontech/dms-kit/es/components/EditableSelect/EditableSelect.types';
 import { useTranslation } from 'react-i18next';
 import { DmsApi } from '@actiontech/shared/lib/api';
 import { useRequest } from 'ahooks';
diff --git a/packages/base/src/page/Project/Drawer/__tests__/__snapshots__/AddProject.test.tsx.snap b/packages/base/src/page/Project/Drawer/__tests__/__snapshots__/AddProject.test.tsx.snap
index 2817c8fc0e..16f815e906 100644
--- a/packages/base/src/page/Project/Drawer/__tests__/__snapshots__/AddProject.test.tsx.snap
+++ b/packages/base/src/page/Project/Drawer/__tests__/__snapshots__/AddProject.test.tsx.snap
@@ -177,7 +177,7 @@ exports[`test base/page/project/drawer/add should match snapshot 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -269,7 +269,7 @@ exports[`test base/page/project/drawer/add should match snapshot 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                            class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                           >
                             <span
                               class="placeholder"
@@ -555,7 +555,7 @@ exports[`test base/page/project/drawer/add should match snapshot when getPreferr
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -647,7 +647,7 @@ exports[`test base/page/project/drawer/add should match snapshot when getPreferr
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+                            class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
                           >
                             <span
                               class="placeholder"
diff --git a/packages/base/src/page/ResourceOverview/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/ResourceOverview/__tests__/__snapshots__/index.test.tsx.snap
index 5fa9fb6226..09f08f63cd 100644
--- a/packages/base/src/page/ResourceOverview/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/ResourceOverview/__tests__/__snapshots__/index.test.tsx.snap
@@ -1427,7 +1427,16 @@ exports[`base/page/ResourceOverview render init snap 1`] = `
                                       <td
                                         class="ant-table-cell"
                                       >
-                                        environment-1
+                                        <span
+                                          class="css-1xciw48"
+                                          color="#8C8C8C"
+                                        >
+                                          <span
+                                            class="environment-tag-name"
+                                          >
+                                            environment-1
+                                          </span>
+                                        </span>
                                       </td>
                                       <td
                                         class="ant-table-cell"
@@ -1535,7 +1544,16 @@ exports[`base/page/ResourceOverview render init snap 1`] = `
                                       <td
                                         class="ant-table-cell"
                                       >
-                                        environment-2
+                                        <span
+                                          class="css-1xciw48"
+                                          color="#8C8C8C"
+                                        >
+                                          <span
+                                            class="environment-tag-name"
+                                          >
+                                            environment-2
+                                          </span>
+                                        </span>
                                       </td>
                                       <td
                                         class="ant-table-cell"
diff --git a/packages/base/src/page/ResourceOverview/components/ResourceDetail/__tests__/__snapshots__/index.test.tsx.snap b/packages/base/src/page/ResourceOverview/components/ResourceDetail/__tests__/__snapshots__/index.test.tsx.snap
index 718b92d3c8..99d6be64f2 100644
--- a/packages/base/src/page/ResourceOverview/components/ResourceDetail/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/ResourceOverview/components/ResourceDetail/__tests__/__snapshots__/index.test.tsx.snap
@@ -1128,7 +1128,16 @@ exports[`base/page/ResourceDetail/ResourceDetail render init snap 1`] = `
                                   <td
                                     class="ant-table-cell"
                                   >
-                                    environment-1
+                                    <span
+                                      class="css-1xciw48"
+                                      color="#8C8C8C"
+                                    >
+                                      <span
+                                        class="environment-tag-name"
+                                      >
+                                        environment-1
+                                      </span>
+                                    </span>
                                   </td>
                                   <td
                                     class="ant-table-cell"
@@ -1236,7 +1245,16 @@ exports[`base/page/ResourceDetail/ResourceDetail render init snap 1`] = `
                                   <td
                                     class="ant-table-cell"
                                   >
-                                    environment-2
+                                    <span
+                                      class="css-1xciw48"
+                                      color="#8C8C8C"
+                                    >
+                                      <span
+                                        class="environment-tag-name"
+                                      >
+                                        environment-2
+                                      </span>
+                                    </span>
                                   </td>
                                   <td
                                     class="ant-table-cell"
diff --git a/packages/base/src/page/ResourceOverview/components/ResourceDetail/columns.tsx b/packages/base/src/page/ResourceOverview/components/ResourceDetail/columns.tsx
index 3211c4bd3e..3c33078491 100644
--- a/packages/base/src/page/ResourceOverview/components/ResourceDetail/columns.tsx
+++ b/packages/base/src/page/ResourceOverview/components/ResourceDetail/columns.tsx
@@ -6,6 +6,7 @@ import { DatabaseTypeLogo, BasicToolTip } from '@actiontech/dms-kit';
 import { TableColumnWithIconStyleWrapper } from '@actiontech/dms-kit';
 import { FlagFilled, DatabaseSchemaFilled } from '@actiontech/icons';
 import { ResourceOverviewTheme } from '../../../../theme/type';
+import { EnvironmentTag } from '@actiontech/shared';
 export const ResourceDetailListColumns = (
   getLogoUrlByDbType: (dbType: string) => string,
   theme: ResourceOverviewTheme
@@ -66,7 +67,16 @@ export const ResourceDetailListColumns = (
       dataIndex: 'environment_tag',
       title: t('resourceOverview.resourceList.environment'),
       render: (environmentTag) => {
-        return environmentTag?.name ?? '-';
+        if (!environmentTag?.name) {
+          return '-';
+        }
+
+        return (
+          <EnvironmentTag
+            name={environmentTag.name}
+            color={environmentTag.color}
+          />
+        );
       },
       filterCustomType: 'select',
       filterKey: 'filter_by_environment_tag_uid'
diff --git a/packages/base/src/page/SyncDataSource/AddPage/__snapshots__/index.test.tsx.snap b/packages/base/src/page/SyncDataSource/AddPage/__snapshots__/index.test.tsx.snap
index 31272928c7..c3d623ca02 100644
--- a/packages/base/src/page/SyncDataSource/AddPage/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/SyncDataSource/AddPage/__snapshots__/index.test.tsx.snap
@@ -156,7 +156,7 @@ exports[`page/SyncDataSource/AddPage render add submit for success 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -416,7 +416,7 @@ exports[`page/SyncDataSource/AddPage render add submit for success 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -705,7 +705,7 @@ exports[`page/SyncDataSource/AddPage render add submit for success 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -852,7 +852,7 @@ exports[`page/SyncDataSource/AddPage render add submit for success 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -1058,7 +1058,7 @@ exports[`page/SyncDataSource/AddPage render add submit for success 1`] = `
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -1197,7 +1197,7 @@ exports[`page/SyncDataSource/AddPage render add submit for success 1`] = `
                                       </span>
                                       <div
                                         aria-required="true"
-                                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                       >
                                         <div
                                           class="ant-select-selector"
@@ -2636,7 +2636,7 @@ exports[`page/SyncDataSource/AddPage render add sync task snap 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2779,7 +2779,7 @@ exports[`page/SyncDataSource/AddPage render add sync task snap 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -3038,7 +3038,7 @@ exports[`page/SyncDataSource/AddPage render add sync task snap 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -3166,7 +3166,7 @@ exports[`page/SyncDataSource/AddPage render add sync task snap 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -3580,7 +3580,7 @@ exports[`page/SyncDataSource/AddPage render form item for prepare api 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -3840,7 +3840,7 @@ exports[`page/SyncDataSource/AddPage render form item for prepare api 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4129,7 +4129,7 @@ exports[`page/SyncDataSource/AddPage render form item for prepare api 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -4257,7 +4257,7 @@ exports[`page/SyncDataSource/AddPage render form item for prepare api 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
diff --git a/packages/base/src/page/SyncDataSource/Form/__snapshots__/index.test.tsx.snap b/packages/base/src/page/SyncDataSource/Form/__snapshots__/index.test.tsx.snap
index 2010f17e17..ecbe26c18e 100644
--- a/packages/base/src/page/SyncDataSource/Form/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/SyncDataSource/Form/__snapshots__/index.test.tsx.snap
@@ -119,7 +119,7 @@ exports[`page/SyncDataSource/SyncTaskForm render for loading form 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -262,7 +262,7 @@ exports[`page/SyncDataSource/SyncTaskForm render for loading form 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -521,7 +521,7 @@ exports[`page/SyncDataSource/SyncTaskForm render for loading form 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -649,7 +649,7 @@ exports[`page/SyncDataSource/SyncTaskForm render for loading form 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -983,7 +983,7 @@ exports[`page/SyncDataSource/SyncTaskForm render name rule 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -1126,7 +1126,7 @@ exports[`page/SyncDataSource/SyncTaskForm render name rule 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -1385,7 +1385,7 @@ exports[`page/SyncDataSource/SyncTaskForm render name rule 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -1513,7 +1513,7 @@ exports[`page/SyncDataSource/SyncTaskForm render name rule 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -1847,7 +1847,7 @@ exports[`page/SyncDataSource/SyncTaskForm render name rule 2`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -1990,7 +1990,7 @@ exports[`page/SyncDataSource/SyncTaskForm render name rule 2`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -2249,7 +2249,7 @@ exports[`page/SyncDataSource/SyncTaskForm render name rule 2`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -2377,7 +2377,7 @@ exports[`page/SyncDataSource/SyncTaskForm render name rule 2`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -2698,7 +2698,7 @@ exports[`page/SyncDataSource/SyncTaskForm render syncInterval for form item 1`]
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -2841,7 +2841,7 @@ exports[`page/SyncDataSource/SyncTaskForm render syncInterval for form item 1`]
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -3100,7 +3100,7 @@ exports[`page/SyncDataSource/SyncTaskForm render syncInterval for form item 1`]
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -3228,7 +3228,7 @@ exports[`page/SyncDataSource/SyncTaskForm render syncInterval for form item 1`]
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -3560,7 +3560,7 @@ exports[`page/SyncDataSource/SyncTaskForm render syncInterval for form item 2`]
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -3703,7 +3703,7 @@ exports[`page/SyncDataSource/SyncTaskForm render syncInterval for form item 2`]
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -3962,7 +3962,7 @@ exports[`page/SyncDataSource/SyncTaskForm render syncInterval for form item 2`]
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -4090,7 +4090,7 @@ exports[`page/SyncDataSource/SyncTaskForm render syncInterval for form item 2`]
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
diff --git a/packages/base/src/page/SyncDataSource/UpdatePage/__snapshots__/index.test.tsx.snap b/packages/base/src/page/SyncDataSource/UpdatePage/__snapshots__/index.test.tsx.snap
index be727ace13..df00a2c581 100644
--- a/packages/base/src/page/SyncDataSource/UpdatePage/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/SyncDataSource/UpdatePage/__snapshots__/index.test.tsx.snap
@@ -183,7 +183,7 @@ exports[`page/SyncDataSource/UpdateSyncTask get task source failed 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                           >
                             <div
                               class="ant-select-selector"
@@ -326,7 +326,7 @@ exports[`page/SyncDataSource/UpdateSyncTask get task source failed 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                           >
                             <div
                               class="ant-select-selector"
@@ -585,7 +585,7 @@ exports[`page/SyncDataSource/UpdateSyncTask get task source failed 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -713,7 +713,7 @@ exports[`page/SyncDataSource/UpdateSyncTask get task source failed 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -1290,7 +1290,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render click reset btn 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                           >
                             <div
                               class="ant-select-selector"
@@ -1433,7 +1433,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render click reset btn 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                           >
                             <div
                               class="ant-select-selector"
@@ -1692,7 +1692,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render click reset btn 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -1820,7 +1820,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render click reset btn 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -2231,7 +2231,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render click reset btn 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                           >
                             <div
                               class="ant-select-selector"
@@ -2474,7 +2474,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render click reset btn 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                           >
                             <div
                               class="ant-select-selector"
@@ -2735,7 +2735,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render click reset btn 2`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -2882,7 +2882,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render click reset btn 2`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -3088,7 +3088,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render click reset btn 2`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -3227,7 +3227,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render click reset btn 2`] = `
                                     </span>
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -3712,7 +3712,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render edit database snap 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                           >
                             <div
                               class="ant-select-selector"
@@ -3955,7 +3955,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render edit database snap 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                           >
                             <div
                               class="ant-select-selector"
@@ -4216,7 +4216,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render edit database snap 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -4363,7 +4363,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render edit database snap 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -4569,7 +4569,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render edit database snap 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -4708,7 +4708,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render edit database snap 1`] = `
                                     </span>
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -5526,7 +5526,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render update task submit 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                         >
                           <div
                             class="ant-select-selector"
@@ -5769,7 +5769,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render update task submit 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                         >
                           <div
                             class="ant-select-selector"
@@ -6030,7 +6030,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render update task submit 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -6177,7 +6177,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render update task submit 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -6383,7 +6383,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render update task submit 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                                 >
                                   <div
                                     class="ant-select-selector"
@@ -6522,7 +6522,7 @@ exports[`page/SyncDataSource/UpdateSyncTask render update task submit 1`] = `
                                   </span>
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                   >
                                     <div
                                       class="ant-select-selector"
diff --git a/packages/base/src/page/UserCenter/Drawer/User/AddUser/__snapshots__/index.test.tsx.snap b/packages/base/src/page/UserCenter/Drawer/User/AddUser/__snapshots__/index.test.tsx.snap
index a7c224fe4c..49741908f3 100644
--- a/packages/base/src/page/UserCenter/Drawer/User/AddUser/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/UserCenter/Drawer/User/AddUser/__snapshots__/index.test.tsx.snap
@@ -392,7 +392,7 @@ exports[`base/UserCenter/Drawer/AddUser should send add user request when click
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/base/src/page/UserCenter/Drawer/User/UpdateUser/__snapshots__/index.test.tsx.snap b/packages/base/src/page/UserCenter/Drawer/User/UpdateUser/__snapshots__/index.test.tsx.snap
index 55de334b1d..e5c91213ce 100644
--- a/packages/base/src/page/UserCenter/Drawer/User/UpdateUser/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/UserCenter/Drawer/User/UpdateUser/__snapshots__/index.test.tsx.snap
@@ -307,7 +307,7 @@ exports[`base/UserCenter/Drawer/UpdateUser should send update user request when
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/base/src/page/UserCenter/Drawer/User/UserForm/__snapshots__/index.test.tsx.snap b/packages/base/src/page/UserCenter/Drawer/User/UserForm/__snapshots__/index.test.tsx.snap
index f71ad15503..fda6aaa954 100644
--- a/packages/base/src/page/UserCenter/Drawer/User/UserForm/__snapshots__/index.test.tsx.snap
+++ b/packages/base/src/page/UserCenter/Drawer/User/UserForm/__snapshots__/index.test.tsx.snap
@@ -241,7 +241,7 @@ exports[`base/UserCenter/Drawer/UserForm should match snapshot when isAdmin is t
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                 >
                   <div
                     class="ant-select-selector"
@@ -639,7 +639,7 @@ exports[`base/UserCenter/Drawer/UserForm should match snapshot when isUpdate is
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                 >
                   <div
                     class="ant-select-selector"
@@ -950,7 +950,7 @@ exports[`base/UserCenter/Drawer/UserForm should match snapshot when isUpdate is
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                 >
                   <div
                     class="ant-select-selector"
diff --git a/packages/base/src/scripts/version.ts b/packages/base/src/scripts/version.ts
index 6d5baaff06..61bdc6e33f 100644
--- a/packages/base/src/scripts/version.ts
+++ b/packages/base/src/scripts/version.ts
@@ -1 +1 @@
-export const UI_VERSION = 'sync/data-masking   417b194dd';
+export const UI_VERSION = 'dms-ui/feat-2983   ce77b682';
diff --git a/packages/dms-kit/src/components/BasicSelect/BasicSelect.tsx b/packages/dms-kit/src/components/BasicSelect/BasicSelect.tsx
index 1c1ddd68ab..0b8bc89e7a 100644
--- a/packages/dms-kit/src/components/BasicSelect/BasicSelect.tsx
+++ b/packages/dms-kit/src/components/BasicSelect/BasicSelect.tsx
@@ -1,9 +1,22 @@
 import { useTranslation } from 'react-i18next';
 import classnames from 'classnames';
+import GlobalStyles from '@mui/material/GlobalStyles';
 import { BasicSelectStyleWrapper, SelectContainerStyleWrapper } from './style';
 import BasicEmpty from '../BasicEmpty/BasicEmpty';
 import { CloseOutlined } from '@actiontech/icons';
 import { BasicSelectProps } from './BasicSelect.types';
+import { ENVIRONMENT_TAG_SELECT_DROPDOWN_CLASS_NAME } from './environmentTagSelectProps';
+
+const environmentTagSelectGlobalStyles = {
+  [`.${ENVIRONMENT_TAG_SELECT_DROPDOWN_CLASS_NAME}`]: {
+    minWidth: 'max-content'
+  },
+  [`.${ENVIRONMENT_TAG_SELECT_DROPDOWN_CLASS_NAME} .ant-select-item-option-content`]:
+    {
+      overflow: 'visible',
+      whiteSpace: 'nowrap'
+    }
+};
 
 const BasicSelect = <V = string,>(props: BasicSelectProps<V>) => {
   const { t } = useTranslation();
@@ -35,14 +48,22 @@ const BasicSelect = <V = string,>(props: BasicSelectProps<V>) => {
   );
 
   if (!prefix) {
-    return selectComponent;
+    return (
+      <>
+        <GlobalStyles styles={environmentTagSelectGlobalStyles} />
+        {selectComponent}
+      </>
+    );
   }
 
   return (
-    <SelectContainerStyleWrapper className="basic-select-container has-prefix">
-      <span className="basic-select-prefix">{prefix}</span>
-      {selectComponent}
-    </SelectContainerStyleWrapper>
+    <>
+      <GlobalStyles styles={environmentTagSelectGlobalStyles} />
+      <SelectContainerStyleWrapper className="basic-select-container has-prefix">
+        <span className="basic-select-prefix">{prefix}</span>
+        {selectComponent}
+      </SelectContainerStyleWrapper>
+    </>
   );
 };
 
diff --git a/packages/dms-kit/src/components/BasicSelect/__snapshots__/BasicSelect.test.tsx.snap b/packages/dms-kit/src/components/BasicSelect/__snapshots__/BasicSelect.test.tsx.snap
index 3cc1c4d47c..985d1cc047 100644
--- a/packages/dms-kit/src/components/BasicSelect/__snapshots__/BasicSelect.test.tsx.snap
+++ b/packages/dms-kit/src/components/BasicSelect/__snapshots__/BasicSelect.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`lib/BasicSelect render custom filter fn 1`] = `
 <body>
   <div>
     <div
-      class="ant-select basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-open ant-select-show-search"
+      class="ant-select basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-open ant-select-show-search"
     >
       <div
         class="ant-select-selector"
@@ -125,7 +125,7 @@ exports[`lib/BasicSelect render custom filter fn 1`] = `
 exports[`lib/BasicSelect render diff size select 1`] = `
 <div>
   <div
-    class="ant-select basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+    class="ant-select basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
   >
     <div
       class="ant-select-selector"
@@ -190,7 +190,7 @@ exports[`lib/BasicSelect render diff size select 1`] = `
 exports[`lib/BasicSelect render diff size select 2`] = `
 <div>
   <div
-    class="ant-select ant-select-sm basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+    class="ant-select ant-select-sm basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
   >
     <div
       class="ant-select-selector"
@@ -255,7 +255,7 @@ exports[`lib/BasicSelect render diff size select 2`] = `
 exports[`lib/BasicSelect render diff size select 3`] = `
 <div>
   <div
-    class="ant-select ant-select-lg basic-select-wrapper custom-select-class-name css-x5nat1 ant-select-single ant-select-show-arrow"
+    class="ant-select ant-select-lg basic-select-wrapper custom-select-class-name css-16awv9j ant-select-single ant-select-show-arrow"
   >
     <div
       class="ant-select-selector"
@@ -338,7 +338,7 @@ exports[`lib/BasicSelect render with prefix icon 1`] = `
       </svg>
     </span>
     <div
-      class="ant-select basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+      class="ant-select basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
     >
       <div
         class="ant-select-selector"
diff --git a/packages/dms-kit/src/components/BasicSelect/environmentTagSelectProps.ts b/packages/dms-kit/src/components/BasicSelect/environmentTagSelectProps.ts
new file mode 100644
index 0000000000..cbd4d3647e
--- /dev/null
+++ b/packages/dms-kit/src/components/BasicSelect/environmentTagSelectProps.ts
@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { BasicSelectProps } from './BasicSelect.types';
+
+export const ENVIRONMENT_TAG_SELECT_CLASS_NAME = 'environment-tag-select';
+
+export const ENVIRONMENT_TAG_SELECT_DROPDOWN_CLASS_NAME =
+  'environment-tag-select-dropdown';
+
+export const environmentTagSelectProps = {
+  popupMatchSelectWidth: false,
+  dropdownStyle: { minWidth: 'max-content' } satisfies CSSProperties,
+  popupClassName: ENVIRONMENT_TAG_SELECT_DROPDOWN_CLASS_NAME,
+  className: ENVIRONMENT_TAG_SELECT_CLASS_NAME
+} satisfies Pick<
+  BasicSelectProps,
+  'popupMatchSelectWidth' | 'dropdownStyle' | 'popupClassName' | 'className'
+>;
diff --git a/packages/dms-kit/src/components/BasicSelect/index.ts b/packages/dms-kit/src/components/BasicSelect/index.ts
index 35ab20c77b..8c4df238a9 100644
--- a/packages/dms-kit/src/components/BasicSelect/index.ts
+++ b/packages/dms-kit/src/components/BasicSelect/index.ts
@@ -1,3 +1,4 @@
 export { default as BasicSelect } from './BasicSelect';
 export type * from './BasicSelect.types';
 export * from './utils';
+export * from './environmentTagSelectProps';
diff --git a/packages/dms-kit/src/components/BasicSelect/style.ts b/packages/dms-kit/src/components/BasicSelect/style.ts
index d71810b54c..51e5b596d8 100644
--- a/packages/dms-kit/src/components/BasicSelect/style.ts
+++ b/packages/dms-kit/src/components/BasicSelect/style.ts
@@ -51,6 +51,13 @@ export const BasicSelectStyleWrapper = styled(Select<any>)`
     }
   }
 
+  &.environment-tag-select.ant-select.basic-select-wrapper {
+    .ant-select-selector .ant-select-selection-item {
+      overflow: visible;
+      text-overflow: unset;
+    }
+  }
+
   &.ant-select-disabled {
     .ant-select-selector {
       border: ${({ theme }) =>
diff --git a/packages/dms-kit/src/components/CustomSelect/CustomOptionLabel.tsx b/packages/dms-kit/src/components/CustomSelect/CustomOptionLabel.tsx
index 105122ebc8..95d6f0382a 100644
--- a/packages/dms-kit/src/components/CustomSelect/CustomOptionLabel.tsx
+++ b/packages/dms-kit/src/components/CustomSelect/CustomOptionLabel.tsx
@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import classnames from 'classnames';
 import { CustomSelectOptionLabelStyleWrapper } from './style';
 
 export interface ICustomOptionLabel {
@@ -7,12 +8,20 @@ export interface ICustomOptionLabel {
 }
 
 const CustomOptionLabel: React.FC<ICustomOptionLabel> = ({ prefix, label }) => {
+  const isTextLabel = typeof label === 'string';
+
   return (
     <CustomSelectOptionLabelStyleWrapper className="custom-select-option-content">
       {prefix && (
         <span className="custom-select-option-content-prefix">{prefix}</span>
       )}
-      <span className="custom-select-option-content-label">{label}</span>
+      <span
+        className={classnames('custom-select-option-content-label', {
+          'is-text-label': isTextLabel
+        })}
+      >
+        {label}
+      </span>
     </CustomSelectOptionLabelStyleWrapper>
   );
 };
diff --git a/packages/dms-kit/src/components/CustomSelect/CustomSelect.tsx b/packages/dms-kit/src/components/CustomSelect/CustomSelect.tsx
index a3899fe781..4ad491d9b0 100644
--- a/packages/dms-kit/src/components/CustomSelect/CustomSelect.tsx
+++ b/packages/dms-kit/src/components/CustomSelect/CustomSelect.tsx
@@ -51,8 +51,10 @@ const CustomSelect: React.FC<CustomSelectProps> = ({
         ...option,
         optionLabel: !!props.mode ? (
           showLabel
-        ) : (
+        ) : typeof option.label === 'string' ? (
           <CustomOptionLabel prefix={valuePrefix} label={showLabel} />
+        ) : (
+          option.label
         )
       };
     };
@@ -152,7 +154,8 @@ const CustomSelect: React.FC<CustomSelectProps> = ({
       }
       popupClassName={classnames('custom-select-popup-wrapper', popupClassName)}
       dropdownStyle={{
-        padding: 0
+        padding: 0,
+        minWidth: 'max-content'
       }}
       showSearch={false}
       tagRender={tagRender}
diff --git a/packages/dms-kit/src/components/CustomSelect/__tests__/__snapshots__/CustomOptionLabel.test.tsx.snap b/packages/dms-kit/src/components/CustomSelect/__tests__/__snapshots__/CustomOptionLabel.test.tsx.snap
index 8f932c859b..fc469ab37e 100644
--- a/packages/dms-kit/src/components/CustomSelect/__tests__/__snapshots__/CustomOptionLabel.test.tsx.snap
+++ b/packages/dms-kit/src/components/CustomSelect/__tests__/__snapshots__/CustomOptionLabel.test.tsx.snap
@@ -3,10 +3,10 @@
 exports[`lib/CustomOptionLabel render ui when no prefix 1`] = `
 <div>
   <span
-    class="custom-select-option-content css-17mg133"
+    class="custom-select-option-content css-1xzd9w3"
   >
     <span
-      class="custom-select-option-content-label"
+      class="custom-select-option-content-label is-text-label"
     >
       label string
     </span>
diff --git a/packages/dms-kit/src/components/CustomSelect/__tests__/__snapshots__/CustomSelect.test.tsx.snap b/packages/dms-kit/src/components/CustomSelect/__tests__/__snapshots__/CustomSelect.test.tsx.snap
index 66b2aff671..9d62e1d914 100644
--- a/packages/dms-kit/src/components/CustomSelect/__tests__/__snapshots__/CustomSelect.test.tsx.snap
+++ b/packages/dms-kit/src/components/CustomSelect/__tests__/__snapshots__/CustomSelect.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`lib/CustomSelect should handle tags mode and render custom tags 1`] = `
 <div>
   <div
-    class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace custom-select-class css-d0rd34 ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-open"
+    class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace custom-select-class css-15f13hq ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-open"
   >
     <div
       class="ant-select-selector"
@@ -17,7 +17,7 @@ exports[`lib/CustomSelect should handle tags mode and render custom tags 1`] = `
         >
           <span>
             <span
-              class="custom-select-option-content css-17mg133"
+              class="custom-select-option-content css-1xzd9w3"
             >
               <span
                 class="custom-select-option-content-prefix"
@@ -25,7 +25,7 @@ exports[`lib/CustomSelect should handle tags mode and render custom tags 1`] = `
                 前缀
               </span>
               <span
-                class="custom-select-option-content-label"
+                class="custom-select-option-content-label is-text-label"
               >
                 label1
               </span>
@@ -115,7 +115,7 @@ exports[`lib/CustomSelect should handle tags mode and render custom tags 1`] = `
 exports[`lib/CustomSelect should render default select and handle search 1`] = `
 <div>
   <div
-    class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+    class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
     style="width: 200px;"
   >
     <div
diff --git a/packages/dms-kit/src/components/CustomSelect/style.ts b/packages/dms-kit/src/components/CustomSelect/style.ts
index df6ee8b498..e3d98e82a3 100644
--- a/packages/dms-kit/src/components/CustomSelect/style.ts
+++ b/packages/dms-kit/src/components/CustomSelect/style.ts
@@ -37,7 +37,7 @@ export const CustomSelectStyleWrapper = styled(BasicSelect)`
         .custom-select-option-content {
           display: inline-flex;
           align-items: center;
-          max-width: 100%;
+          max-width: none;
         }
       }
     }
@@ -93,11 +93,19 @@ export const CustomSelectOptionLabelStyleWrapper = styled('span')`
 
   .custom-select-option-content-label {
     font-weight: 500;
-    text-overflow: ellipsis;
     white-space: pre;
-    overflow: hidden;
     color: ${({ theme }) =>
       theme.sharedTheme.components.customSelect.content.labelColor};
+
+    &.is-text-label {
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+
+    &:not(.is-text-label) {
+      overflow: visible;
+      max-width: none;
+    }
   }
 `;
 
diff --git a/packages/dms-kit/src/components/EditableSelect/EditableSelect.tsx b/packages/dms-kit/src/components/EditableSelect/EditableSelect.tsx
index 7d64322155..963402e3b3 100644
--- a/packages/dms-kit/src/components/EditableSelect/EditableSelect.tsx
+++ b/packages/dms-kit/src/components/EditableSelect/EditableSelect.tsx
@@ -1,5 +1,7 @@
-import { useState, useMemo } from 'react';
-import { Dropdown, Menu, Space, Popconfirm, Spin } from 'antd';
+import { useState, useMemo, type ReactNode } from 'react';
+import type { CSSProperties } from 'react';
+import GlobalStyles from '@mui/material/GlobalStyles';
+import { Dropdown, Menu, Space, Popconfirm, Spin, ColorPicker } from 'antd';
 import { BasicButton } from '../BasicButton';
 import { BasicInput } from '../BasicInput';
 import { useTranslation } from 'react-i18next';
@@ -7,7 +9,10 @@ import {
   EditableSelectStyleWrapper,
   EditableSelectTriggerStyleWrapper
 } from './style';
-import { EditableSelectProps, EditableSelectOption } from './index.type';
+import {
+  EditableSelectProps,
+  EditableSelectOption
+} from './EditableSelect.types';
 import classNames from 'classnames';
 import { EmptyBox } from '../EmptyBox';
 import {
@@ -21,6 +26,73 @@ import type { MenuProps } from 'antd';
 import { ReminderInformation } from '../ReminderInformation';
 import { BasicEmpty } from '../BasicEmpty';
 
+const COLOR_PICKER_POPUP_CLASS_NAME = 'editable-select-color-picker-popup';
+
+const COLOR_PICKER_POPUP_STYLE: CSSProperties = {
+  zIndex: 1070
+};
+
+const COLOR_PICKER_POPUP_INNER_STYLE: CSSProperties = {
+  zIndex: 1071
+};
+
+interface EditableSelectColorControlProps {
+  color?: string;
+  onColorChange: (color?: string) => void;
+}
+
+const EditableSelectColorControl: React.FC<EditableSelectColorControlProps> = ({
+  color,
+  onColorChange
+}) => {
+  const { t } = useTranslation();
+  const [pickerOpen, setPickerOpen] = useState(false);
+
+  return (
+    <div className="editable-select-color-control">
+      <span
+        className="editable-select-color-swatch"
+        style={{ background: color ?? undefined }}
+      />
+      <span className="editable-select-color-value">
+        {color?.toUpperCase() ?? '-'}
+      </span>
+      <div className="editable-select-color-actions">
+        <EmptyBox if={!!color}>
+          <BasicButton
+            type="link"
+            size="small"
+            className="editable-select-color-action"
+            onClick={() => onColorChange(undefined)}
+          >
+            {t('common.clear')}
+          </BasicButton>
+        </EmptyBox>
+        <ColorPicker
+          value={color}
+          open={pickerOpen}
+          onOpenChange={setPickerOpen}
+          rootClassName={COLOR_PICKER_POPUP_CLASS_NAME}
+          styles={{
+            popup: COLOR_PICKER_POPUP_STYLE,
+            popupOverlayInner: COLOR_PICKER_POPUP_INNER_STYLE
+          }}
+          onChange={(nextColor) => onColorChange(nextColor.toHexString())}
+          allowClear={false}
+        >
+          <BasicButton
+            type="link"
+            size="small"
+            className="editable-select-color-action"
+          >
+            {t('common.editableSelect.select')}
+          </BasicButton>
+        </ColorPicker>
+      </div>
+    </div>
+  );
+};
+
 const EditableSelect: React.FC<EditableSelectProps> = ({
   value,
   onChange,
@@ -39,7 +111,10 @@ const EditableSelect: React.FC<EditableSelectProps> = ({
   errorMessage,
   searchable = true,
   searchPlaceholder,
-  contentMaxHeight = 320
+  contentMaxHeight = 320,
+  colorable = false,
+  presetColors = [],
+  renderColorTag
 }) => {
   const { t } = useTranslation();
   const [newItemName, setNewItemName] = useState('');
@@ -48,6 +123,8 @@ const EditableSelect: React.FC<EditableSelectProps> = ({
     null
   );
   const [editName, setEditName] = useState('');
+  const [newItemColor, setNewItemColor] = useState<string>();
+  const [editColor, setEditColor] = useState<string>();
   const [dropdownOpen, setDropdownOpen] = useState(false);
   const [deletingItem, setDeletingItem] = useState<EditableSelectOption | null>(
     null
@@ -55,29 +132,34 @@ const EditableSelect: React.FC<EditableSelectProps> = ({
   const [searchValue, setSearchValue] = useState('');
 
   const handleAdd = () => {
-    onAdd?.(newItemName);
+    onAdd?.(newItemName, newItemColor);
     setNewItemName('');
+    setNewItemColor(undefined);
     setIsAdding(false);
   };
 
   const handleUpdate = () => {
     onUpdate?.({
       value: editingItem?.value ?? '',
-      label: editName.trim()
+      label: editName.trim(),
+      color: editColor
     });
     setEditingItem(null);
     setEditName('');
+    setEditColor(undefined);
   };
 
   const startEditing = (item: EditableSelectOption) => {
     setEditingItem(item);
     setEditName(item.label);
+    setEditColor(item.color);
     setDeletingItem(null);
   };
 
   const cancelEditing = () => {
     setEditingItem(null);
     setEditName('');
+    setEditColor(undefined);
   };
 
   const startAdding = () => {
@@ -87,9 +169,11 @@ const EditableSelect: React.FC<EditableSelectProps> = ({
 
   const resetState = () => {
     setNewItemName('');
+    setNewItemColor(undefined);
     setIsAdding(false);
     setEditingItem(null);
     setEditName('');
+    setEditColor(undefined);
     setDeletingItem(null);
     setSearchValue('');
   };
@@ -112,6 +196,151 @@ const EditableSelect: React.FC<EditableSelectProps> = ({
     );
   }, [searchable, searchValue, options]);
 
+  const isColorFormOpen = colorable && (isAdding || !!editingItem);
+  const effectiveContentMaxHeight = isColorFormOpen
+    ? Math.max(contentMaxHeight, 420)
+    : contentMaxHeight;
+
+  const renderPresetColors = (
+    selectedColor: string | undefined,
+    onSelect: (color: string) => void
+  ) => {
+    if (!presetColors.length) {
+      return null;
+    }
+
+    return (
+      <div className="editable-select-preset-colors">
+        {presetColors.map((color) => (
+          <button
+            key={color}
+            type="button"
+            aria-label={color}
+            className={classNames('editable-select-preset-color', {
+              'editable-select-preset-color-active': selectedColor === color
+            })}
+            style={{ background: color }}
+            onClick={() => onSelect(color)}
+          />
+        ))}
+      </div>
+    );
+  };
+
+  const renderColorControl = (
+    color: string | undefined,
+    onColorChange: (color?: string) => void
+  ) => (
+    <EditableSelectColorControl color={color} onColorChange={onColorChange} />
+  );
+
+  const renderColorEditForm = ({
+    name,
+    onNameChange,
+    namePlaceholder,
+    color,
+    onColorChange,
+    previewLabel,
+    autoFocus,
+    footer
+  }: {
+    name: string;
+    onNameChange: (value: string) => void;
+    namePlaceholder?: string;
+    color: string | undefined;
+    onColorChange: (color?: string) => void;
+    previewLabel: string;
+    autoFocus?: boolean;
+    footer: ReactNode;
+  }) => (
+    <div
+      className="edit-mode editable-select-color-form"
+      onClick={(e) => e.stopPropagation()}
+    >
+      <div className="editable-select-form-section">
+        <div className="editable-select-form-label">
+          {t('common.editableSelect.tagName')}
+        </div>
+        <BasicInput
+          value={name}
+          autoFocus={autoFocus}
+          placeholder={namePlaceholder}
+          onChange={(e) => onNameChange(e.target.value)}
+        />
+      </div>
+
+      <EmptyBox if={colorable}>
+        <div className="editable-select-form-section">
+          <div className="editable-select-form-label">
+            {t('common.editableSelect.tagColor')}
+          </div>
+          {renderColorControl(color, onColorChange)}
+        </div>
+
+        <EmptyBox if={!!presetColors.length}>
+          <div className="editable-select-form-section">
+            <div className="editable-select-form-label">
+              {t('common.editableSelect.presetColors')}
+            </div>
+            {renderPresetColors(color, (nextColor) => onColorChange(nextColor))}
+          </div>
+        </EmptyBox>
+
+        <EmptyBox if={!!renderColorTag}>
+          <div className="editable-select-form-section">
+            <div className="editable-select-form-label">
+              {t('common.preview')}
+            </div>
+            <div className="editable-select-color-preview">
+              {renderColorTag?.({
+                label: previewLabel,
+                color
+              })}
+            </div>
+          </div>
+        </EmptyBox>
+      </EmptyBox>
+
+      <div className="button-group">{footer}</div>
+    </div>
+  );
+
+  const renderColorLabel = (
+    option: Pick<EditableSelectOption, 'label' | 'color'>
+  ) => {
+    if (renderColorTag) {
+      return renderColorTag(option);
+    }
+
+    if (!colorable || !option.color) {
+      return null;
+    }
+
+    return (
+      <span
+        className="editable-select-color-dot"
+        style={{ background: option.color }}
+      />
+    );
+  };
+
+  const renderOptionLabel = (
+    option: Pick<EditableSelectOption, 'label' | 'color'>
+  ) => {
+    const colorLabel = renderColorLabel(option);
+
+    if (renderColorTag) {
+      return colorLabel ?? option.label;
+    }
+
+    return (
+      <span className="editable-select-option-label">
+        <EmptyBox if={!!colorLabel}>{colorLabel}</EmptyBox>
+        {option.label}
+      </span>
+    );
+  };
+
   const generateMenuItems = (): MenuProps['items'] => {
     const optionItems: MenuProps['items'] = filteredOptions.map((option) => ({
       key: option.value,
@@ -127,29 +356,32 @@ const EditableSelect: React.FC<EditableSelectProps> = ({
         <div>
           <div className="menu-item-content">
             {editingItem?.value === option.value ? (
-              <div className="edit-mode" onClick={(e) => e.stopPropagation()}>
-                <BasicInput
-                  value={editName}
-                  autoFocus
-                  onChange={(e) => setEditName(e.target.value)}
-                />
-                <div className="button-group">
-                  <BasicButton size="small" onClick={cancelEditing}>
-                    {t('common.cancel')}
-                  </BasicButton>
-                  <BasicButton
-                    type="primary"
-                    size="small"
-                    onClick={handleUpdate}
-                    disabled={!editName.trim()}
-                  >
-                    {t('common.save')}
-                  </BasicButton>
-                </div>
-              </div>
+              renderColorEditForm({
+                name: editName,
+                onNameChange: setEditName,
+                color: editColor,
+                onColorChange: setEditColor,
+                previewLabel: editName.trim() || option.label,
+                autoFocus: true,
+                footer: (
+                  <>
+                    <BasicButton size="small" onClick={cancelEditing}>
+                      {t('common.cancel')}
+                    </BasicButton>
+                    <BasicButton
+                      type="primary"
+                      size="small"
+                      onClick={handleUpdate}
+                      disabled={!editName.trim()}
+                    >
+                      {t('common.save')}
+                    </BasicButton>
+                  </>
+                )
+              })
             ) : (
               <>
-                <span>{option.label}</span>
+                {renderOptionLabel(option)}
                 <Space>
                   <EmptyBox if={updatable}>
                     <BasicButton
@@ -202,7 +434,7 @@ const EditableSelect: React.FC<EditableSelectProps> = ({
   };
 
   const dropdownContentRender = (
-    <EditableSelectStyleWrapper height={contentMaxHeight}>
+    <EditableSelectStyleWrapper height={effectiveContentMaxHeight}>
       <Spin spinning={loading}>
         <EmptyBox if={searchable}>
           <div className="editable-select-search">
@@ -230,33 +462,37 @@ const EditableSelect: React.FC<EditableSelectProps> = ({
         <EmptyBox if={addable}>
           <div className="editable-select-add-section">
             {isAdding ? (
-              <div className="edit-mode" onClick={(e) => e.stopPropagation()}>
-                <BasicInput
-                  value={newItemName}
-                  autoFocus
-                  onChange={(e) => setNewItemName(e.target.value)}
-                  placeholder={t('common.form.placeholder.input')}
-                />
-                <div className="button-group">
-                  <BasicButton
-                    size="small"
-                    onClick={() => {
-                      setIsAdding(false);
-                      setNewItemName('');
-                    }}
-                  >
-                    {t('common.cancel')}
-                  </BasicButton>
-                  <BasicButton
-                    type="primary"
-                    size="small"
-                    onClick={handleAdd}
-                    disabled={!newItemName.trim()}
-                  >
-                    {t('common.add')}
-                  </BasicButton>
-                </div>
-              </div>
+              renderColorEditForm({
+                name: newItemName,
+                onNameChange: setNewItemName,
+                namePlaceholder: t('common.form.placeholder.input'),
+                color: newItemColor,
+                onColorChange: setNewItemColor,
+                previewLabel: newItemName.trim(),
+                autoFocus: true,
+                footer: (
+                  <>
+                    <BasicButton
+                      size="small"
+                      onClick={() => {
+                        setIsAdding(false);
+                        setNewItemName('');
+                        setNewItemColor(undefined);
+                      }}
+                    >
+                      {t('common.cancel')}
+                    </BasicButton>
+                    <BasicButton
+                      type="primary"
+                      size="small"
+                      onClick={handleAdd}
+                      disabled={!newItemName.trim()}
+                    >
+                      {t('common.add')}
+                    </BasicButton>
+                  </>
+                )
+              })
             ) : (
               <Space
                 className="add-button-wraper"
@@ -271,39 +507,63 @@ const EditableSelect: React.FC<EditableSelectProps> = ({
       </Spin>
     </EditableSelectStyleWrapper>
   );
-  const selectedLabel = options.find((o) => o.value === value)?.label;
+  const selectedOption = options.find((o) => o.value === value);
 
   return (
-    <Dropdown
-      dropdownRender={() => dropdownContentRender}
-      trigger={['click']}
-      open={dropdownOpen}
-      onOpenChange={onOpenChange}
-      disabled={disabled}
-    >
-      <EditableSelectTriggerStyleWrapper
+    <>
+      <GlobalStyles
+        styles={{
+          [`.${COLOR_PICKER_POPUP_CLASS_NAME}`]: {
+            zIndex: `${COLOR_PICKER_POPUP_STYLE.zIndex} !important`
+          },
+          [`.${COLOR_PICKER_POPUP_CLASS_NAME} .ant-popover-inner`]: {
+            zIndex: `${COLOR_PICKER_POPUP_INNER_STYLE.zIndex} !important`
+          }
+        }}
+      />
+      <Dropdown
+        dropdownRender={() => dropdownContentRender}
+        trigger={['click']}
         open={dropdownOpen}
+        onOpenChange={onOpenChange}
         disabled={disabled}
-        className={classNames('editable-select-trigger', {
-          'editable-select-trigger-disabled': disabled
-        })}
       >
-        {selectedLabel ? (
-          <span>{selectedLabel}</span>
-        ) : (
-          <span className="placeholder">
-            {placeholder ?? t('common.form.placeholder.select')}
-          </span>
-        )}
-        <span className="arrow-icon">
-          {dropdownOpen ? (
-            <UpOutlined width={20} height={20} />
+        <EditableSelectTriggerStyleWrapper
+          open={dropdownOpen}
+          disabled={disabled}
+          className={classNames('editable-select-trigger', {
+            'editable-select-trigger-disabled': disabled
+          })}
+        >
+          {selectedOption ? (
+            renderColorTag ? (
+              renderOptionLabel(selectedOption)
+            ) : (
+              <span className="editable-select-option-label">
+                <EmptyBox if={colorable && !!selectedOption.color}>
+                  <span
+                    className="editable-select-color-dot"
+                    style={{ background: selectedOption.color }}
+                  />
+                </EmptyBox>
+                {selectedOption.label}
+              </span>
+            )
           ) : (
-            <DownOutlined width={20} height={20} />
+            <span className="placeholder">
+              {placeholder ?? t('common.form.placeholder.select')}
+            </span>
           )}
-        </span>
-      </EditableSelectTriggerStyleWrapper>
-    </Dropdown>
+          <span className="arrow-icon">
+            {dropdownOpen ? (
+              <UpOutlined width={20} height={20} />
+            ) : (
+              <DownOutlined width={20} height={20} />
+            )}
+          </span>
+        </EditableSelectTriggerStyleWrapper>
+      </Dropdown>
+    </>
   );
 };
 
diff --git a/packages/dms-kit/src/components/EditableSelect/index.type.ts b/packages/dms-kit/src/components/EditableSelect/EditableSelect.types.ts
similarity index 77%
rename from packages/dms-kit/src/components/EditableSelect/index.type.ts
rename to packages/dms-kit/src/components/EditableSelect/EditableSelect.types.ts
index 9c0dd9a989..d49adf9387 100644
--- a/packages/dms-kit/src/components/EditableSelect/index.type.ts
+++ b/packages/dms-kit/src/components/EditableSelect/EditableSelect.types.ts
@@ -5,13 +5,14 @@ export type EditableSelectValue = string | number;
 export interface EditableSelectOption {
   value: EditableSelectValue;
   label: string;
+  color?: string;
 }
 
 export interface EditableSelectProps {
   value?: EditableSelectValue;
   onChange?: (value: EditableSelectValue) => void;
   loading?: boolean;
-  onAdd?: (value: string) => void;
+  onAdd?: (value: string, color?: string) => void;
   addable?: boolean;
   onUpdate?: (newData: EditableSelectOption) => void;
   updatable?: boolean;
@@ -26,4 +27,9 @@ export interface EditableSelectProps {
   searchable?: boolean;
   searchPlaceholder?: string;
   contentMaxHeight?: number;
+  colorable?: boolean;
+  presetColors?: string[];
+  renderColorTag?: (
+    option: Pick<EditableSelectOption, 'label' | 'color'>
+  ) => React.ReactNode;
 }
diff --git a/packages/dms-kit/src/components/EditableSelect/__tests__/EditableSelect.test.tsx b/packages/dms-kit/src/components/EditableSelect/__tests__/EditableSelect.test.tsx
index 422cd90c38..bcc0cecf96 100644
--- a/packages/dms-kit/src/components/EditableSelect/__tests__/EditableSelect.test.tsx
+++ b/packages/dms-kit/src/components/EditableSelect/__tests__/EditableSelect.test.tsx
@@ -1,7 +1,7 @@
 import { fireEvent, act, screen } from '@testing-library/react';
 import { superRender } from '../../../testUtil/superRender';
 import EditableSelect from '../EditableSelect';
-import { EditableSelectOption } from '../index.type';
+import { EditableSelectOption } from '../EditableSelect.types';
 import {
   getBySelector,
   getAllBySelector,
@@ -124,7 +124,7 @@ describe('EditableSelect', () => {
     fireEvent.click(saveButton);
     await act(async () => jest.advanceTimersByTime(0));
 
-    expect(mockOnAdd).toHaveBeenCalledWith('New Option');
+    expect(mockOnAdd).toHaveBeenCalledWith('New Option', undefined);
   });
 
   it('should disable add button when input is empty', async () => {
diff --git a/packages/dms-kit/src/components/EditableSelect/__tests__/__snapshots__/EditableSelect.test.tsx.snap b/packages/dms-kit/src/components/EditableSelect/__tests__/__snapshots__/EditableSelect.test.tsx.snap
index 8c61bf219a..267af13cfe 100644
--- a/packages/dms-kit/src/components/EditableSelect/__tests__/__snapshots__/EditableSelect.test.tsx.snap
+++ b/packages/dms-kit/src/components/EditableSelect/__tests__/__snapshots__/EditableSelect.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`EditableSelect should render select when options is empty 1`] = `
 <body>
   <div>
     <div
-      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
     >
       <span
         class="placeholder"
@@ -35,7 +35,7 @@ exports[`EditableSelect should render select when options is empty 2`] = `
 <body>
   <div>
     <div
-      class="ant-dropdown-trigger editable-select-trigger ant-dropdown-open css-iiqyi4"
+      class="ant-dropdown-trigger editable-select-trigger ant-dropdown-open css-159cif1"
       open=""
     >
       <span
@@ -67,7 +67,7 @@ exports[`EditableSelect should render select when options is empty 2`] = `
       style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
     >
       <div
-        class="css-8go0jz"
+        class="css-ljujqb"
         height="320"
       >
         <div
@@ -210,7 +210,7 @@ exports[`EditableSelect should render select with options 1`] = `
 <body>
   <div>
     <div
-      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
     >
       <span
         class="placeholder"
@@ -241,7 +241,7 @@ exports[`EditableSelect should render select with options 2`] = `
 <body>
   <div>
     <div
-      class="ant-dropdown-trigger editable-select-trigger ant-dropdown-open css-iiqyi4"
+      class="ant-dropdown-trigger editable-select-trigger ant-dropdown-open css-159cif1"
       open=""
     >
       <span
@@ -273,7 +273,7 @@ exports[`EditableSelect should render select with options 2`] = `
       style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
     >
       <div
-        class="css-8go0jz"
+        class="css-ljujqb"
         height="320"
       >
         <div
@@ -336,7 +336,9 @@ exports[`EditableSelect should render select with options 2`] = `
                     <div
                       class="menu-item-content"
                     >
-                      <span>
+                      <span
+                        class="editable-select-option-label"
+                      >
                         Option 1
                       </span>
                       <div
@@ -409,7 +411,9 @@ exports[`EditableSelect should render select with options 2`] = `
                     <div
                       class="menu-item-content"
                     >
-                      <span>
+                      <span
+                        class="editable-select-option-label"
+                      >
                         Option 2
                       </span>
                       <div
@@ -518,7 +522,7 @@ exports[`EditableSelect should render without options 1`] = `
 <body>
   <div>
     <div
-      class="ant-dropdown-trigger editable-select-trigger css-e92p61"
+      class="ant-dropdown-trigger editable-select-trigger css-1xfzz7b"
     >
       <span
         class="placeholder"
diff --git a/packages/dms-kit/src/components/EditableSelect/index.ts b/packages/dms-kit/src/components/EditableSelect/index.ts
index a8057705d8..546eaf4247 100644
--- a/packages/dms-kit/src/components/EditableSelect/index.ts
+++ b/packages/dms-kit/src/components/EditableSelect/index.ts
@@ -1,2 +1,2 @@
 export { default as EditableSelect } from './EditableSelect';
-export type * from './index.type';
+export type * from './EditableSelect.types';
diff --git a/packages/dms-kit/src/components/EditableSelect/style.ts b/packages/dms-kit/src/components/EditableSelect/style.ts
index 5d536cc59e..396e1972c7 100644
--- a/packages/dms-kit/src/components/EditableSelect/style.ts
+++ b/packages/dms-kit/src/components/EditableSelect/style.ts
@@ -31,7 +31,11 @@ export const EditableSelectStyleWrapper = styled('div')<{
     padding: 5px 12px;
     box-sizing: content-box;
     display: flex;
-    align-items: center;
+    align-items: stretch;
+
+    .edit-mode {
+      padding: 4px 0;
+    }
   }
 
   .editable-select-menu {
@@ -52,6 +56,10 @@ export const EditableSelectStyleWrapper = styled('div')<{
         width: 100%;
         padding: 0 8px;
       }
+
+      .editable-select-color-form {
+        width: 100%;
+      }
     }
   }
 
@@ -69,15 +77,124 @@ export const EditableSelectStyleWrapper = styled('div')<{
 
   .edit-mode {
     width: 100%;
-    padding: 0 8px;
+    min-width: 240px;
+    padding: 4px 8px;
+    box-sizing: border-box;
+
+    &.editable-select-color-form {
+      padding-top: 8px;
+      padding-bottom: 8px;
+    }
+
+    .editable-select-form-section + .editable-select-form-section {
+      margin-top: 12px;
+    }
+
+    .editable-select-form-label {
+      margin-bottom: 6px;
+      color: ${({ theme }) => theme.sharedTheme.uiToken.colorTextSecondary};
+      font-size: 12px;
+      line-height: 20px;
+    }
+
+    .editable-select-color-control {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      min-height: 24px;
+    }
+
+    .editable-select-color-swatch {
+      width: 24px;
+      height: 24px;
+      flex-shrink: 0;
+      border: 1px solid
+        ${({ theme }) => theme.sharedTheme.uiToken.colorBorderSecondary};
+      border-radius: 4px;
+      box-sizing: border-box;
+      background: ${({ theme }) =>
+        theme.sharedTheme.uiToken.colorFillQuaternary};
+    }
+
+    .editable-select-color-value {
+      flex: 1;
+      min-width: 0;
+      color: ${({ theme }) => theme.sharedTheme.uiToken.colorText};
+      font-size: 12px;
+      font-family: monospace;
+      line-height: 20px;
+    }
+
+    .editable-select-color-actions {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      gap: 4px;
+    }
+
+    .editable-select-color-action {
+      padding: 0;
+      height: auto;
+      font-size: 12px;
+    }
+
+    .editable-select-preset-colors {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+    }
+
+    .editable-select-preset-color {
+      width: 20px;
+      height: 20px;
+      padding: 0;
+      border: 1px solid
+        ${({ theme }) => theme.sharedTheme.uiToken.colorBorderSecondary};
+      border-radius: 4px;
+      cursor: pointer;
+      box-sizing: border-box;
+      flex-shrink: 0;
+    }
+
+    .editable-select-preset-color-active {
+      outline: 2px solid
+        ${({ theme }) => theme.sharedTheme.uiToken.colorPrimary};
+      outline-offset: 1px;
+    }
+
+    .editable-select-color-preview {
+      display: flex;
+      align-items: center;
+      min-height: 32px;
+      padding: 6px 8px;
+      border-radius: 4px;
+      background: ${({ theme }) =>
+        theme.sharedTheme.uiToken.colorFillQuaternary};
+    }
 
     .button-group {
       display: flex;
       justify-content: flex-end;
-      gap: 8px;
-      margin-top: 8px;
+      margin-top: 12px;
+
+      button + button {
+        margin-left: 8px;
+      }
     }
   }
+
+  .editable-select-option-label {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .editable-select-color-dot {
+    width: 6px;
+    height: 6px;
+    margin-right: 6px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
 `;
 
 export const EditableSelectTriggerStyleWrapper = styled('div')<{
@@ -119,4 +236,17 @@ export const EditableSelectTriggerStyleWrapper = styled('div')<{
   .arrow-icon {
     display: flex;
   }
+
+  .editable-select-option-label {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .editable-select-color-dot {
+    width: 6px;
+    height: 6px;
+    margin-right: 6px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
 `;
diff --git a/packages/dms-kit/src/index.ts b/packages/dms-kit/src/index.ts
index 5a44baf151..efae1cac3b 100644
--- a/packages/dms-kit/src/index.ts
+++ b/packages/dms-kit/src/index.ts
@@ -49,6 +49,7 @@ export * from './components/CustomSelect';
 export * from './components/DatabaseTypeLogo';
 export * from './components/EditText';
 export * from './components/EditableSelect';
+export type * from './components/EditableSelect/EditableSelect.types';
 export * from './components/EmptyBox';
 export * from './components/HeaderProgress';
 export * from './components/LazyLoadComponent';
diff --git a/packages/dms-kit/src/locale/en-US/common.ts b/packages/dms-kit/src/locale/en-US/common.ts
index dbaa131e98..412c8e1077 100644
--- a/packages/dms-kit/src/locale/en-US/common.ts
+++ b/packages/dms-kit/src/locale/en-US/common.ts
@@ -7,6 +7,7 @@ export default {
   unknownStatus: 'Unknown status...',
   unknown: 'Unknown',
   status: 'Status',
+  color: 'Color',
 
   all: 'All',
   enabled: 'Enabled',
@@ -271,5 +272,12 @@ export default {
     code: 'Verification code',
     sendCode: 'Send code',
     secondsLater: 'Retry in {{number}} seconds'
+  },
+
+  editableSelect: {
+    tagName: 'Tag name',
+    tagColor: 'Tag color',
+    presetColors: 'Preset colors',
+    select: 'Select'
   }
 };
diff --git a/packages/dms-kit/src/locale/zh-CN/common.ts b/packages/dms-kit/src/locale/zh-CN/common.ts
index ee88718814..5ef3edb3c8 100644
--- a/packages/dms-kit/src/locale/zh-CN/common.ts
+++ b/packages/dms-kit/src/locale/zh-CN/common.ts
@@ -7,6 +7,7 @@ export default {
   unknownStatus: '未知状态...',
   unknown: '未知',
   status: '状态',
+  color: '颜色',
 
   all: '全部',
   enabled: '已启用',
@@ -265,6 +266,13 @@ export default {
     sendCode: '发送验证码',
     secondsLater: '{{number}}秒后重试'
   },
+  editableSelect: {
+    tagName: '标签名称',
+    tagColor: '标签颜色',
+    presetColors: '预设颜色',
+    select: '选择'
+  },
+
   deleteConfirmTitle: '确认要删除么?',
   somethingWentWrong: '出错了',
   backToHome: '返回首页',
diff --git a/packages/dms-kit/src/testUtil/customQuery.ts b/packages/dms-kit/src/testUtil/customQuery.ts
index 881e2ef57f..996e02a437 100644
--- a/packages/dms-kit/src/testUtil/customQuery.ts
+++ b/packages/dms-kit/src/testUtil/customQuery.ts
@@ -70,8 +70,9 @@ export const selectOptionByIndex = (
 ) => {
   fireEvent.mouseDown(screen.getByLabelText(label));
   const option = screen.getAllByText(optionText)[index];
-  expect(option).toHaveClass('ant-select-item-option-content');
-  fireEvent.click(option);
+  const optionContent = option.closest('.ant-select-item-option-content');
+  expect(optionContent).toBeInTheDocument();
+  fireEvent.click(optionContent!);
 };
 
 /**
diff --git a/packages/shared/lib/api/base/service/Project/index.d.ts b/packages/shared/lib/api/base/service/Project/index.d.ts
index 6cfc9bfc63..61318a3ec6 100644
--- a/packages/shared/lib/api/base/service/Project/index.d.ts
+++ b/packages/shared/lib/api/base/service/Project/index.d.ts
@@ -168,6 +168,8 @@ export interface ICreateEnvironmentTagParams {
   project_uid: string;
 
   environment_name: string;
+
+  color?: string;
 }
 
 export interface ICreateEnvironmentTagReturn extends IGenericResp {}
@@ -178,6 +180,8 @@ export interface IUpdateEnvironmentTagParams {
   environment_tag_uid: string;
 
   environment_name: string;
+
+  color?: string;
 }
 
 export interface IUpdateEnvironmentTagReturn extends IGenericResp {}
diff --git a/packages/shared/lib/api/base/service/common.d.ts b/packages/shared/lib/api/base/service/common.d.ts
index 5d9d120e87..9de62bde99 100644
--- a/packages/shared/lib/api/base/service/common.d.ts
+++ b/packages/shared/lib/api/base/service/common.d.ts
@@ -796,6 +796,8 @@ export interface IDeleteSensitiveDataDiscoveryTaskReply {
 }
 
 export interface IEnvironmentTag {
+  color?: string;
+
   name?: string;
 
   uid?: string;
@@ -1658,6 +1660,8 @@ export interface IListDBServiceSyncTasksReply {
 export interface IListDBServiceTipItem {
   db_type?: string;
 
+  environment_tag?: IEnvironmentTag;
+
   host?: string;
 
   id?: string;
diff --git a/packages/shared/lib/api/sqle/service/common.d.ts b/packages/shared/lib/api/sqle/service/common.d.ts
index 57804bfc7f..6782ae9008 100644
--- a/packages/shared/lib/api/sqle/service/common.d.ts
+++ b/packages/shared/lib/api/sqle/service/common.d.ts
@@ -4943,6 +4943,8 @@ export interface IInstanceTipResV2 {
 
   enable_backup?: boolean;
 
+  environment_tag_color?: string;
+
   environment_tag_name?: string;
 
   environment_tag_uid?: string;
diff --git a/packages/shared/lib/components/EnvironmentTag/index.tsx b/packages/shared/lib/components/EnvironmentTag/index.tsx
new file mode 100644
index 0000000000..9045502154
--- /dev/null
+++ b/packages/shared/lib/components/EnvironmentTag/index.tsx
@@ -0,0 +1,42 @@
+import { CSSProperties, memo } from 'react';
+import { EnvironmentTagStyleWrapper } from './style';
+
+export const DEFAULT_ENVIRONMENT_TAG_COLOR = '#8C8C8C';
+
+export type EnvironmentTagProps = {
+  name?: string;
+  color?: string;
+  size?: 'small' | 'default';
+  className?: string;
+  style?: CSSProperties;
+  ellipsis?: boolean;
+};
+
+const EnvironmentTag: React.FC<EnvironmentTagProps> = ({
+  name,
+  color,
+  size = 'default',
+  className,
+  style,
+  ellipsis = true
+}) => {
+  if (!name) {
+    return null;
+  }
+
+  const tagColor = color || DEFAULT_ENVIRONMENT_TAG_COLOR;
+
+  return (
+    <EnvironmentTagStyleWrapper
+      color={tagColor}
+      size={size}
+      className={className}
+      style={style}
+      ellipsis={ellipsis}
+    >
+      <span className="environment-tag-name">{name}</span>
+    </EnvironmentTagStyleWrapper>
+  );
+};
+
+export default memo(EnvironmentTag);
diff --git a/packages/shared/lib/components/EnvironmentTag/style.ts b/packages/shared/lib/components/EnvironmentTag/style.ts
new file mode 100644
index 0000000000..f7b8d9232b
--- /dev/null
+++ b/packages/shared/lib/components/EnvironmentTag/style.ts
@@ -0,0 +1,41 @@
+import { styled } from '@mui/material/styles';
+
+const hexToRgba = (hexColor: string, alpha: number) => {
+  if (!/^#([0-9a-fA-F]{6})$/.test(hexColor)) {
+    return `rgba(140, 140, 140, ${alpha})`;
+  }
+
+  const red = parseInt(hexColor.slice(1, 3), 16);
+  const green = parseInt(hexColor.slice(3, 5), 16);
+  const blue = parseInt(hexColor.slice(5, 7), 16);
+
+  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
+};
+
+export const EnvironmentTagStyleWrapper = styled('span')<{
+  color: string;
+  size: 'small' | 'default';
+  ellipsis?: boolean;
+}>`
+  display: inline-flex;
+  align-items: center;
+  width: max-content;
+  max-width: ${({ ellipsis = true }) => (ellipsis ? '100%' : 'none')};
+  height: ${({ size }) => (size === 'small' ? '22px' : '24px')};
+  padding: ${({ size }) => (size === 'small' ? '0 6px' : '0 8px')};
+  border-radius: 4px;
+  color: ${({ color }) => color};
+  background: ${({ color }) => hexToRgba(color, 0.1)};
+  border: 1px solid ${({ color }) => hexToRgba(color, 0.32)};
+  font-size: 12px;
+  line-height: 1;
+  vertical-align: middle;
+  flex-shrink: 0;
+
+  .environment-tag-name {
+    overflow: ${({ ellipsis = true }) => (ellipsis ? 'hidden' : 'visible')};
+    text-overflow: ${({ ellipsis = true }) =>
+      ellipsis ? 'ellipsis' : 'unset'};
+    white-space: nowrap;
+  }
+`;
diff --git a/packages/shared/lib/components/index.ts b/packages/shared/lib/components/index.ts
index 3d18e42c24..383c268bee 100644
--- a/packages/shared/lib/components/index.ts
+++ b/packages/shared/lib/components/index.ts
@@ -14,3 +14,6 @@ export * from './TypedRouter';
 export * from './BasicMDEditor';
 
 export * from './BackendForm';
+
+export { default as EnvironmentTag } from './EnvironmentTag';
+export type * from './EnvironmentTag';
diff --git a/packages/shared/lib/testUtil/mockApi/base/dbServices/data.ts b/packages/shared/lib/testUtil/mockApi/base/dbServices/data.ts
index 4f94563b71..0fc969fa06 100644
--- a/packages/shared/lib/testUtil/mockApi/base/dbServices/data.ts
+++ b/packages/shared/lib/testUtil/mockApi/base/dbServices/data.ts
@@ -53,14 +53,22 @@ export const dbServicesTips: IListDBServiceTipItem[] = [
     host: '127.0.0.1',
     name: 'test',
     port: '3306',
-    id: '123123'
+    id: '123123',
+    environment_tag: {
+      name: 'PROD',
+      color: '#F5222D'
+    }
   },
   {
     db_type: 'MySQL',
     host: 'localhost',
     name: 'test2',
     port: '3306',
-    id: '300123'
+    id: '300123',
+    environment_tag: {
+      name: 'TEST',
+      color: '#52C41A'
+    }
   }
 ];
 
diff --git a/packages/shared/lib/testUtil/mockApi/base/dbServices/index.ts b/packages/shared/lib/testUtil/mockApi/base/dbServices/index.ts
index fd4cd81547..3d0b41e56a 100644
--- a/packages/shared/lib/testUtil/mockApi/base/dbServices/index.ts
+++ b/packages/shared/lib/testUtil/mockApi/base/dbServices/index.ts
@@ -12,6 +12,7 @@ import DBService from '../../../../api/base/service/DBService';
 class MockDbServicesApi implements MockSpyApy {
   public mockAllApi(): void {
     this.ListDBServices();
+    this.ListDBServicesV2();
     this.AddDBService();
     this.UpdateDBService();
     this.DelDBService();
@@ -32,6 +33,17 @@ class MockDbServicesApi implements MockSpyApy {
     return spy;
   }
 
+  public ListDBServicesV2() {
+    const spy = jest.spyOn(DBService, 'ListDBServicesV2');
+    spy.mockImplementation(() =>
+      createSpySuccessResponse({
+        data: dbServices,
+        total_nums: dbServices.length
+      })
+    );
+    return spy;
+  }
+
   public ListDBServicesTips() {
     const spy = jest.spyOn(DBService, 'ListDBServiceTips');
     spy.mockImplementation(() =>
diff --git a/packages/sqle/src/components/RuleDetail/__snapshots__/index.test.tsx.snap b/packages/sqle/src/components/RuleDetail/__snapshots__/index.test.tsx.snap
index 525e967ea9..8a6839f974 100644
--- a/packages/sqle/src/components/RuleDetail/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/components/RuleDetail/__snapshots__/index.test.tsx.snap
@@ -277,7 +277,7 @@ exports[`sqle/components/RuleDetail render error snap 1`] = `
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -335,7 +335,7 @@ exports[`sqle/components/RuleDetail render error snap 1`] = `
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -393,7 +393,7 @@ exports[`sqle/components/RuleDetail render error snap 1`] = `
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -451,7 +451,7 @@ exports[`sqle/components/RuleDetail render error snap 1`] = `
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -515,7 +515,7 @@ exports[`sqle/components/RuleDetail render error snap 1`] = `
                         style="margin-right: 4px;"
                       >
                         <div
-                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -968,7 +968,7 @@ exports[`sqle/components/RuleDetail render project rule template when projectNam
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                     >
                       <div
                         class="ant-select-selector"
@@ -1026,7 +1026,7 @@ exports[`sqle/components/RuleDetail render project rule template when projectNam
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                     >
                       <div
                         class="ant-select-selector"
@@ -1084,7 +1084,7 @@ exports[`sqle/components/RuleDetail render project rule template when projectNam
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                     >
                       <div
                         class="ant-select-selector"
@@ -1142,7 +1142,7 @@ exports[`sqle/components/RuleDetail render project rule template when projectNam
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                     >
                       <div
                         class="ant-select-selector"
@@ -1206,7 +1206,7 @@ exports[`sqle/components/RuleDetail render project rule template when projectNam
                         style="margin-right: 4px;"
                       >
                         <div
-                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                         >
                           <div
                             class="ant-select-selector"
@@ -1635,7 +1635,7 @@ exports[`sqle/components/RuleDetail render project rule template when projectNam
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -1693,7 +1693,7 @@ exports[`sqle/components/RuleDetail render project rule template when projectNam
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -1751,7 +1751,7 @@ exports[`sqle/components/RuleDetail render project rule template when projectNam
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -1809,7 +1809,7 @@ exports[`sqle/components/RuleDetail render project rule template when projectNam
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -1873,7 +1873,7 @@ exports[`sqle/components/RuleDetail render project rule template when projectNam
                         style="margin-right: 4px;"
                       >
                         <div
-                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -2432,7 +2432,7 @@ exports[`sqle/components/RuleDetail render snap when route params is undefined 1
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -2490,7 +2490,7 @@ exports[`sqle/components/RuleDetail render snap when route params is undefined 1
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -2548,7 +2548,7 @@ exports[`sqle/components/RuleDetail render snap when route params is undefined 1
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -2606,7 +2606,7 @@ exports[`sqle/components/RuleDetail render snap when route params is undefined 1
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -2670,7 +2670,7 @@ exports[`sqle/components/RuleDetail render snap when route params is undefined 1
                         style="margin-right: 4px;"
                       >
                         <div
-                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
diff --git a/packages/sqle/src/components/RuleList/RuleFilter/__tests__/__snapshots__/RuleFilterCommonFields.test.tsx.snap b/packages/sqle/src/components/RuleList/RuleFilter/__tests__/__snapshots__/RuleFilterCommonFields.test.tsx.snap
index a4a076969e..b44e54dfb8 100644
--- a/packages/sqle/src/components/RuleList/RuleFilter/__tests__/__snapshots__/RuleFilterCommonFields.test.tsx.snap
+++ b/packages/sqle/src/components/RuleList/RuleFilter/__tests__/__snapshots__/RuleFilterCommonFields.test.tsx.snap
@@ -64,7 +64,7 @@ exports[`sqle/components/RuleList/RuleFilterCommonFields render int snap shot 1`
           style="margin-right: 12px;"
         >
           <div
-            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
           >
             <div
               class="ant-select-selector"
@@ -122,7 +122,7 @@ exports[`sqle/components/RuleList/RuleFilterCommonFields render int snap shot 1`
           style="margin-right: 12px;"
         >
           <div
-            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
           >
             <div
               class="ant-select-selector"
@@ -180,7 +180,7 @@ exports[`sqle/components/RuleList/RuleFilterCommonFields render int snap shot 1`
           style="margin-right: 12px;"
         >
           <div
-            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
           >
             <div
               class="ant-select-selector"
@@ -238,7 +238,7 @@ exports[`sqle/components/RuleList/RuleFilterCommonFields render int snap shot 1`
           style="margin-right: 12px;"
         >
           <div
-            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
           >
             <div
               class="ant-select-selector"
@@ -302,7 +302,7 @@ exports[`sqle/components/RuleList/RuleFilterCommonFields render int snap shot 1`
               style="margin-right: 4px;"
             >
               <div
-                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
               >
                 <div
                   class="ant-select-selector"
diff --git a/packages/sqle/src/components/RuleList/RuleFilter/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/components/RuleList/RuleFilter/__tests__/__snapshots__/index.test.tsx.snap
index d82142cbbf..6f4779efa7 100644
--- a/packages/sqle/src/components/RuleList/RuleFilter/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/components/RuleList/RuleFilter/__tests__/__snapshots__/index.test.tsx.snap
@@ -71,7 +71,7 @@ exports[`sqle/components/RuleList/RuleFilter render init snap shot 1`] = `
               style="margin-right: 12px;"
             >
               <div
-                class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
               >
                 <div
                   class="ant-select-selector"
@@ -129,7 +129,7 @@ exports[`sqle/components/RuleList/RuleFilter render init snap shot 1`] = `
               style="margin-right: 12px;"
             >
               <div
-                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
               >
                 <div
                   class="ant-select-selector"
@@ -187,7 +187,7 @@ exports[`sqle/components/RuleList/RuleFilter render init snap shot 1`] = `
               style="margin-right: 12px;"
             >
               <div
-                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
               >
                 <div
                   class="ant-select-selector"
@@ -245,7 +245,7 @@ exports[`sqle/components/RuleList/RuleFilter render init snap shot 1`] = `
               style="margin-right: 12px;"
             >
               <div
-                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
               >
                 <div
                   class="ant-select-selector"
@@ -309,7 +309,7 @@ exports[`sqle/components/RuleList/RuleFilter render init snap shot 1`] = `
                   style="margin-right: 4px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
diff --git a/packages/sqle/src/hooks/useInstance/__snapshots__/index.test.tsx.snap b/packages/sqle/src/hooks/useInstance/__snapshots__/index.test.tsx.snap
index c7cf80ad9a..9d3740121e 100644
--- a/packages/sqle/src/hooks/useInstance/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/hooks/useInstance/__snapshots__/index.test.tsx.snap
@@ -83,7 +83,6 @@ exports[`useInstance should be group instance by database type 1`] = `
             role="presentation"
           />
           <div
-            aria-label="mysql_instance_test_name_1"
             aria-selected="false"
             id="rc_select_TEST_OR_SSR_list_1"
             role="option"
@@ -91,7 +90,6 @@ exports[`useInstance should be group instance by database type 1`] = `
             mysql_instance_test_name_1
           </div>
           <div
-            aria-label="mysql_instance_test_name_2"
             aria-selected="false"
             id="rc_select_TEST_OR_SSR_list_2"
             role="option"
@@ -132,12 +130,21 @@ exports[`useInstance should be group instance by database type 1`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active"
+                  label="mysql_instance_test_name_1"
                   title="mysql_instance_test_name_1"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql_instance_test_name_1
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql_instance_test_name_1
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -149,12 +156,21 @@ exports[`useInstance should be group instance by database type 1`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  label="mysql_instance_test_name_2"
                   title="mysql_instance_test_name_2"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql_instance_test_name_2
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql_instance_test_name_2
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -183,12 +199,21 @@ exports[`useInstance should be group instance by database type 1`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  label="oracle_instance_test_name"
                   title="oracle_instance_test_name"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    oracle_instance_test_name
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        oracle_instance_test_name
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -217,12 +242,21 @@ exports[`useInstance should be group instance by database type 1`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  label="sqlserver_instance_test_name"
                   title="sqlserver_instance_test_name"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    sqlserver_instance_test_name
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        sqlserver_instance_test_name
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -458,7 +492,6 @@ exports[`useInstance should get instance data from request 3`] = `
             role="presentation"
           />
           <div
-            aria-label="instance_test_name (127.0.0.1:8081)"
             aria-selected="false"
             id="rc_select_TEST_OR_SSR_list_1"
             role="option"
@@ -499,12 +532,21 @@ exports[`useInstance should get instance data from request 3`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active"
+                  label="instance_test_name (127.0.0.1:8081)"
                   title="instance_test_name (127.0.0.1:8081)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    instance_test_name (127.0.0.1:8081)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        instance_test_name (127.0.0.1:8081)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -558,7 +600,15 @@ exports[`useInstance should show one database type which your choose 1`] = `
           class="ant-select-selection-item"
           title="oracle_instance_test_name"
         >
-          oracle_instance_test_name
+          <span
+            class="instance-option-label"
+          >
+            <span
+              style="white-space: nowrap;"
+            >
+              oracle_instance_test_name
+            </span>
+          </span>
         </span>
       </div>
       <span
@@ -627,7 +677,15 @@ exports[`useInstance should show one database type which your choose 2`] = `
           class="ant-select-selection-item"
           title="oracle_instance_test_name"
         >
-          oracle_instance_test_name
+          <span
+            class="instance-option-label"
+          >
+            <span
+              style="white-space: nowrap;"
+            >
+              oracle_instance_test_name
+            </span>
+          </span>
         </span>
       </div>
       <span
@@ -675,7 +733,6 @@ exports[`useInstance should show one database type which your choose 2`] = `
             role="presentation"
           />
           <div
-            aria-label="oracle_instance_test_name"
             aria-selected="true"
             id="rc_select_TEST_OR_SSR_list_1"
             role="option"
@@ -716,12 +773,21 @@ exports[`useInstance should show one database type which your choose 2`] = `
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active ant-select-item-option-selected"
+                  label="oracle_instance_test_name"
                   title="oracle_instance_test_name"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    oracle_instance_test_name
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        oracle_instance_test_name
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
diff --git a/packages/sqle/src/hooks/useInstance/index.tsx b/packages/sqle/src/hooks/useInstance/index.tsx
index 62cae3499b..b935c6c2bd 100644
--- a/packages/sqle/src/hooks/useInstance/index.tsx
+++ b/packages/sqle/src/hooks/useInstance/index.tsx
@@ -6,6 +6,7 @@ import { instanceListDefaultKey } from '../../data/common';
 import { IGetInstanceTipListV2Params } from '@actiontech/shared/lib/api/sqle/service/instance/index.d';
 import { IInstanceTipResV2 } from '@actiontech/shared/lib/api/sqle/service/common';
 import { DatabaseTypeLogo } from '@actiontech/dms-kit';
+import { EnvironmentTag } from '@actiontech/shared';
 import useDatabaseType from '../useDatabaseType';
 import { SqleApi } from '@actiontech/shared/lib/api';
 const useInstance = () => {
@@ -65,14 +66,27 @@ const useInstance = () => {
             {filterInstanceList
               .filter((item) => item.instance_type === type)
               .map((item) => {
+                const label =
+                  !!item.host && !!item.port
+                    ? `${item.instance_name} (${item.host}:${item.port})`
+                    : item.instance_name;
                 return (
                   <Select.Option
                     key={item.instance_name}
                     value={item.instance_name ?? ''}
+                    label={label}
+                    title={label}
                   >
-                    {!!item.host && !!item.port
-                      ? `${item.instance_name} (${item.host}:${item.port})`
-                      : item.instance_name}
+                    <span className="instance-option-label">
+                      <EnvironmentTag
+                        name={item.environment_tag_name}
+                        color={item.environment_tag_color}
+                        size="small"
+                        ellipsis={false}
+                        style={{ marginRight: 6, flexShrink: 0 }}
+                      />
+                      <span style={{ whiteSpace: 'nowrap' }}>{label}</span>
+                    </span>
                   </Select.Option>
                 );
               })}
@@ -95,7 +109,22 @@ const useInstance = () => {
           .filter((v) => v.instance_type === type)
           .map((v) => ({
             value: v.instance_name,
-            label: `${v.instance_name}(${v.host}:${v.port})`
+            text: `${v.instance_name}(${v.host}:${v.port})`,
+            title: `${v.instance_name}(${v.host}:${v.port})`,
+            label: (
+              <span className="instance-option-label">
+                <EnvironmentTag
+                  name={v.environment_tag_name}
+                  color={v.environment_tag_color}
+                  size="small"
+                  ellipsis={false}
+                  style={{ marginRight: 6, flexShrink: 0 }}
+                />
+                <span
+                  style={{ whiteSpace: 'nowrap' }}
+                >{`${v.instance_name}(${v.host}:${v.port})`}</span>
+              </span>
+            )
           }))
       };
     });
@@ -114,7 +143,22 @@ const useInstance = () => {
           .filter((v) => v.instance_type === type)
           .map((v) => ({
             value: v.instance_id,
-            label: `${v.instance_name}(${v.host}:${v.port})`
+            text: `${v.instance_name}(${v.host}:${v.port})`,
+            title: `${v.instance_name}(${v.host}:${v.port})`,
+            label: (
+              <span className="instance-option-label">
+                <EnvironmentTag
+                  name={v.environment_tag_name}
+                  color={v.environment_tag_color}
+                  size="small"
+                  ellipsis={false}
+                  style={{ marginRight: 6, flexShrink: 0 }}
+                />
+                <span
+                  style={{ whiteSpace: 'nowrap' }}
+                >{`${v.instance_name}(${v.host}:${v.port})`}</span>
+              </span>
+            )
           }))
       };
     });
diff --git a/packages/sqle/src/hooks/useServiceEnvironment/__tests__/index.test.tsx b/packages/sqle/src/hooks/useServiceEnvironment/__tests__/index.test.tsx
index 25ccb6fcd3..ba9003f755 100644
--- a/packages/sqle/src/hooks/useServiceEnvironment/__tests__/index.test.tsx
+++ b/packages/sqle/src/hooks/useServiceEnvironment/__tests__/index.test.tsx
@@ -50,7 +50,15 @@ describe('sqle/hooks/useServiceEnvironment', () => {
     expect(result.current.environmentList).toEqual(mockEnvironmentTagsData);
     expect(result.current.environmentOptions).toEqual(
       mockEnvironmentTagsData.map((environment) => ({
-        label: environment.name,
+        label: expect.objectContaining({
+          props: expect.objectContaining({
+            name: environment.name,
+            color: environment.color,
+            size: 'small'
+          })
+        }),
+        text: environment.name,
+        title: environment.name,
         value: environment.uid
       }))
     );
diff --git a/packages/sqle/src/hooks/useServiceEnvironment/index.ts b/packages/sqle/src/hooks/useServiceEnvironment/index.ts
index bd8844e5ad..5921a227b4 100644
--- a/packages/sqle/src/hooks/useServiceEnvironment/index.ts
+++ b/packages/sqle/src/hooks/useServiceEnvironment/index.ts
@@ -1,7 +1,8 @@
 import { useRequest } from 'ahooks';
 import { DmsApi } from '@actiontech/shared/lib/api';
 import { ResponseCode } from '@actiontech/dms-kit';
-import { useMemo } from 'react';
+import { createElement, useMemo } from 'react';
+import { EnvironmentTag } from '@actiontech/shared';
 
 const useServiceEnvironment = () => {
   const {
@@ -32,7 +33,14 @@ const useServiceEnvironment = () => {
   const environmentOptions = useMemo(() => {
     return (
       data?.map((environment) => ({
-        label: environment.name,
+        label: createElement(EnvironmentTag, {
+          name: environment.name,
+          color: environment.color,
+          size: 'small',
+          ellipsis: false
+        }),
+        text: environment.name,
+        title: environment.name,
         value: environment.uid
       })) ?? []
     );
diff --git a/packages/sqle/src/page/CustomRule/CreateCustomRule/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/CustomRule/CreateCustomRule/__snapshots__/index.test.tsx.snap
index eafd17808f..b182482a94 100644
--- a/packages/sqle/src/page/CustomRule/CreateCustomRule/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/CustomRule/CreateCustomRule/__snapshots__/index.test.tsx.snap
@@ -213,7 +213,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -318,7 +318,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                         >
                           <div
                             class="ant-select-selector"
@@ -461,7 +461,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -555,7 +555,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -649,7 +649,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -766,7 +766,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -877,7 +877,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -2466,7 +2466,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 2`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -2571,7 +2571,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 2`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                         >
                           <div
                             class="ant-select-selector"
@@ -2714,7 +2714,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 2`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -2808,7 +2808,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 2`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -2902,7 +2902,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 2`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -3019,7 +3019,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 2`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -3130,7 +3130,7 @@ exports[`sqle/CustomRule/CreateCustomRule create custom rule 2`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -4727,7 +4727,7 @@ exports[`sqle/CustomRule/CreateCustomRule return to custom list page 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -4820,7 +4820,7 @@ exports[`sqle/CustomRule/CreateCustomRule return to custom list page 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                         >
                           <div
                             class="ant-select-selector"
@@ -4926,7 +4926,7 @@ exports[`sqle/CustomRule/CreateCustomRule return to custom list page 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -5019,7 +5019,7 @@ exports[`sqle/CustomRule/CreateCustomRule return to custom list page 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -5112,7 +5112,7 @@ exports[`sqle/CustomRule/CreateCustomRule return to custom list page 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -5228,7 +5228,7 @@ exports[`sqle/CustomRule/CreateCustomRule return to custom list page 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -5320,7 +5320,7 @@ exports[`sqle/CustomRule/CreateCustomRule return to custom list page 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
diff --git a/packages/sqle/src/page/CustomRule/CustomRuleForm/test/__snapshots__/CustomRuleForm.test.tsx.snap b/packages/sqle/src/page/CustomRule/CustomRuleForm/test/__snapshots__/CustomRuleForm.test.tsx.snap
index 254d6d3b06..aa1d43078d 100644
--- a/packages/sqle/src/page/CustomRule/CustomRuleForm/test/__snapshots__/CustomRuleForm.test.tsx.snap
+++ b/packages/sqle/src/page/CustomRule/CustomRuleForm/test/__snapshots__/CustomRuleForm.test.tsx.snap
@@ -141,7 +141,7 @@ exports[`sqle/CustomRule/Form should match snap 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -234,7 +234,7 @@ exports[`sqle/CustomRule/Form should match snap 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -340,7 +340,7 @@ exports[`sqle/CustomRule/Form should match snap 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -433,7 +433,7 @@ exports[`sqle/CustomRule/Form should match snap 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -526,7 +526,7 @@ exports[`sqle/CustomRule/Form should match snap 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -642,7 +642,7 @@ exports[`sqle/CustomRule/Form should match snap 1`] = `
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -734,7 +734,7 @@ exports[`sqle/CustomRule/Form should match snap 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -1013,7 +1013,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -1119,7 +1119,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -1304,7 +1304,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -1398,7 +1398,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -1492,7 +1492,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -1609,7 +1609,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 1`] = `
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -1701,7 +1701,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -1980,7 +1980,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 2`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -2086,7 +2086,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 2`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -2271,7 +2271,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 2`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -2365,7 +2365,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 2`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -2459,7 +2459,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 2`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -2576,7 +2576,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 2`] = `
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -2668,7 +2668,7 @@ exports[`sqle/CustomRule/Form should match snap when provide defaultData 2`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
diff --git a/packages/sqle/src/page/CustomRule/CustomRuleList/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/CustomRule/CustomRuleList/__snapshots__/index.test.tsx.snap
index 5e9ddc04c4..d33194d792 100644
--- a/packages/sqle/src/page/CustomRule/CustomRuleList/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/CustomRule/CustomRuleList/__snapshots__/index.test.tsx.snap
@@ -32,7 +32,7 @@ exports[`sqle/CustomRuleList click rule item 1`] = `
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       style="width: 200px;"
                     >
                       <div
@@ -1128,7 +1128,7 @@ exports[`sqle/CustomRuleList should match snap shot 1`] = `
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       style="width: 200px;"
                     >
                       <div
@@ -1834,7 +1834,7 @@ exports[`sqle/CustomRuleList should render empty tips when request return null 1
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       style="width: 200px;"
                     >
                       <div
diff --git a/packages/sqle/src/page/CustomRule/UpdateCustomRule/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/CustomRule/UpdateCustomRule/__snapshots__/index.test.tsx.snap
index 00999cd055..6340007e66 100644
--- a/packages/sqle/src/page/CustomRule/UpdateCustomRule/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/CustomRule/UpdateCustomRule/__snapshots__/index.test.tsx.snap
@@ -206,7 +206,7 @@ exports[`sqle/CustomRule/UpdateCustomRule return to custom list page 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -312,7 +312,7 @@ exports[`sqle/CustomRule/UpdateCustomRule return to custom list page 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                             >
                               <div
                                 class="ant-select-selector"
@@ -497,7 +497,7 @@ exports[`sqle/CustomRule/UpdateCustomRule return to custom list page 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -591,7 +591,7 @@ exports[`sqle/CustomRule/UpdateCustomRule return to custom list page 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -685,7 +685,7 @@ exports[`sqle/CustomRule/UpdateCustomRule return to custom list page 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -802,7 +802,7 @@ exports[`sqle/CustomRule/UpdateCustomRule return to custom list page 1`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -894,7 +894,7 @@ exports[`sqle/CustomRule/UpdateCustomRule return to custom list page 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -1677,7 +1677,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -1783,7 +1783,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2010,7 +2010,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2104,7 +2104,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2198,7 +2198,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2315,7 +2315,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 1`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2426,7 +2426,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -3996,7 +3996,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 2`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4102,7 +4102,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 2`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4329,7 +4329,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 2`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4423,7 +4423,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 2`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4517,7 +4517,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 2`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4634,7 +4634,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 2`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4745,7 +4745,7 @@ exports[`sqle/CustomRule/UpdateCustomRule update custom rule 2`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
diff --git a/packages/sqle/src/page/GlobalDashboard/__tests__/__snapshots__/index.sqle.test.tsx.snap b/packages/sqle/src/page/GlobalDashboard/__tests__/__snapshots__/index.sqle.test.tsx.snap
index 1eb678491d..42ce8f47e1 100644
--- a/packages/sqle/src/page/GlobalDashboard/__tests__/__snapshots__/index.sqle.test.tsx.snap
+++ b/packages/sqle/src/page/GlobalDashboard/__tests__/__snapshots__/index.sqle.test.tsx.snap
@@ -106,7 +106,7 @@ exports[`GlobalDashboard should render workflow tab by default 1`] = `
                 style="margin-right: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                 >
                   <div
                     class="ant-select-selector"
@@ -163,7 +163,7 @@ exports[`GlobalDashboard should render workflow tab by default 1`] = `
                 class="ant-space-item"
               >
                 <div
-                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                 >
                   <div
                     class="ant-select-selector"
diff --git a/packages/sqle/src/page/GlobalDashboard/components/TableFilter/index.tsx b/packages/sqle/src/page/GlobalDashboard/components/TableFilter/index.tsx
index b56d05eb5f..85971a7118 100644
--- a/packages/sqle/src/page/GlobalDashboard/components/TableFilter/index.tsx
+++ b/packages/sqle/src/page/GlobalDashboard/components/TableFilter/index.tsx
@@ -1,4 +1,4 @@
-import { Form, Space } from 'antd';
+import { Form, Space, SelectProps } from 'antd';
 import { CustomSelect } from '@actiontech/dms-kit';
 import { useTranslation } from 'react-i18next';
 import { GlobalDashboardFilterStyleWrapper } from '../../style';
@@ -24,7 +24,9 @@ const GlobalDashboardTableFilter: React.FC<GlobalDashboardTableFilterProps> = ({
               placeholder={t('common.all')}
               suffixIcon={null}
               options={projectOptions}
-              onChange={(value) => {
+              onChange={(
+                value: Parameters<NonNullable<SelectProps['onChange']>>[0]
+              ) => {
                 onProjectChange?.(value as string);
               }}
             />
diff --git a/packages/sqle/src/page/GlobalRuleTemplate/CreateRuleTemplate/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/GlobalRuleTemplate/CreateRuleTemplate/__snapshots__/index.test.tsx.snap
index 7ce236a5be..906b3ef117 100644
--- a/packages/sqle/src/page/GlobalRuleTemplate/CreateRuleTemplate/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/GlobalRuleTemplate/CreateRuleTemplate/__snapshots__/index.test.tsx.snap
@@ -230,7 +230,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate create global rule template
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -353,7 +353,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate create global rule template
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -604,7 +604,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate create global rule template
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -662,7 +662,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate create global rule template
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -720,7 +720,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate create global rule template
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -778,7 +778,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate create global rule template
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -842,7 +842,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate create global rule template
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2038,7 +2038,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -2161,7 +2161,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -2412,7 +2412,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2470,7 +2470,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2528,7 +2528,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2586,7 +2586,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2650,7 +2650,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate rule list action 1`] = `
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4097,7 +4097,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate rule list action 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4474,7 +4474,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate should match snap shot 1`] =
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -4567,7 +4567,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate should match snap shot 1`] =
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                         >
                           <div
                             class="ant-select-selector"
@@ -4802,7 +4802,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate should match snap shot 1`] =
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4860,7 +4860,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate should match snap shot 1`] =
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4918,7 +4918,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate should match snap shot 1`] =
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4976,7 +4976,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate should match snap shot 1`] =
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -5040,7 +5040,7 @@ exports[`sqle/GlobalRuleTemplate/CreateRuleTemplate should match snap shot 1`] =
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/GlobalRuleTemplate/ImportRuleTemplate/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/GlobalRuleTemplate/ImportRuleTemplate/__snapshots__/index.test.tsx.snap
index b69f1bb1f0..685d2c6241 100644
--- a/packages/sqle/src/page/GlobalRuleTemplate/ImportRuleTemplate/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/GlobalRuleTemplate/ImportRuleTemplate/__snapshots__/index.test.tsx.snap
@@ -234,7 +234,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate import global rule template
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -340,7 +340,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate import global rule template
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -574,7 +574,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate import global rule template
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -632,7 +632,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate import global rule template
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -690,7 +690,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate import global rule template
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -748,7 +748,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate import global rule template
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -812,7 +812,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate import global rule template
                               style="margin-right: 4px;"
                             >
                               <div
-                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -3331,7 +3331,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -3437,7 +3437,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -3671,7 +3671,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3729,7 +3729,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3787,7 +3787,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3845,7 +3845,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3909,7 +3909,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate rule list action 1`] = `
                               style="margin-right: 4px;"
                             >
                               <div
-                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -5184,7 +5184,7 @@ exports[`sqle/GlobalRuleTemplate/ImportRuleTemplate rule list action 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/GlobalRuleTemplate/RuleTemplateDetail/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/GlobalRuleTemplate/RuleTemplateDetail/__snapshots__/index.test.tsx.snap
index de6abca599..9ea03aba26 100644
--- a/packages/sqle/src/page/GlobalRuleTemplate/RuleTemplateDetail/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/GlobalRuleTemplate/RuleTemplateDetail/__snapshots__/index.test.tsx.snap
@@ -302,7 +302,7 @@ exports[`sqle/GlobalRuleTemplate/RuleTemplateDetail should match snap shot 1`] =
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                     >
                       <div
                         class="ant-select-selector"
@@ -360,7 +360,7 @@ exports[`sqle/GlobalRuleTemplate/RuleTemplateDetail should match snap shot 1`] =
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                     >
                       <div
                         class="ant-select-selector"
@@ -418,7 +418,7 @@ exports[`sqle/GlobalRuleTemplate/RuleTemplateDetail should match snap shot 1`] =
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                     >
                       <div
                         class="ant-select-selector"
@@ -476,7 +476,7 @@ exports[`sqle/GlobalRuleTemplate/RuleTemplateDetail should match snap shot 1`] =
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                     >
                       <div
                         class="ant-select-selector"
@@ -540,7 +540,7 @@ exports[`sqle/GlobalRuleTemplate/RuleTemplateDetail should match snap shot 1`] =
                         style="margin-right: 4px;"
                       >
                         <div
-                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                         >
                           <div
                             class="ant-select-selector"
diff --git a/packages/sqle/src/page/GlobalRuleTemplate/UpdateRuleTemplate/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/GlobalRuleTemplate/UpdateRuleTemplate/__snapshots__/index.test.tsx.snap
index 56d399e483..4a4d5794f3 100644
--- a/packages/sqle/src/page/GlobalRuleTemplate/UpdateRuleTemplate/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/GlobalRuleTemplate/UpdateRuleTemplate/__snapshots__/index.test.tsx.snap
@@ -237,7 +237,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -343,7 +343,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -577,7 +577,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -635,7 +635,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -693,7 +693,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -751,7 +751,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -815,7 +815,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                               style="margin-right: 4px;"
                             >
                               <div
-                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -2090,7 +2090,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2474,7 +2474,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate should match snap shot 1`] =
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2580,7 +2580,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate should match snap shot 1`] =
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2838,7 +2838,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate should match snap shot 1`] =
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2896,7 +2896,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate should match snap shot 1`] =
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2954,7 +2954,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate should match snap shot 1`] =
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3012,7 +3012,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate should match snap shot 1`] =
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3076,7 +3076,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate should match snap shot 1`] =
                               style="margin-right: 4px;"
                             >
                               <div
-                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -4082,7 +4082,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate update global rule template
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4188,7 +4188,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate update global rule template
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4423,7 +4423,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate update global rule template
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4481,7 +4481,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate update global rule template
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4539,7 +4539,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate update global rule template
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4597,7 +4597,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate update global rule template
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4661,7 +4661,7 @@ exports[`sqle/GlobalRuleTemplate/UpdateRuleTemplate update global rule template
                               style="margin-right: 4px;"
                             >
                               <div
-                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
diff --git a/packages/sqle/src/page/OperationRecord/List/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/OperationRecord/List/__snapshots__/index.test.tsx.snap
index 5a0b29f021..89d4c921e3 100644
--- a/packages/sqle/src/page/OperationRecord/List/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/OperationRecord/List/__snapshots__/index.test.tsx.snap
@@ -257,7 +257,7 @@ exports[`sqle/OperationRecord/List render action when filter item show 1`] = `
           style="padding-bottom: 12px;"
         >
           <div
-            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
           >
             <div
               class="ant-select-selector"
diff --git a/packages/sqle/src/page/PipelineConfiguration/Common/ConfigurationForm/PipelineNodeField/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/PipelineConfiguration/Common/ConfigurationForm/PipelineNodeField/__tests__/__snapshots__/index.test.tsx.snap
index 4a6704ec07..7eb8f63e2d 100644
--- a/packages/sqle/src/page/PipelineConfiguration/Common/ConfigurationForm/PipelineNodeField/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/PipelineConfiguration/Common/ConfigurationForm/PipelineNodeField/__tests__/__snapshots__/index.test.tsx.snap
@@ -386,7 +386,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render add offline node  1
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -491,7 +491,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render add offline node  1
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -644,7 +644,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render add offline node  1
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -737,7 +737,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render add offline node  1
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -841,7 +841,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render add offline node  1
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1341,7 +1341,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render add online node  1`
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1446,7 +1446,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render add online node  1`
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1600,7 +1600,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render add online node  1`
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1704,7 +1704,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render add online node  1`
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1808,7 +1808,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render add online node  1`
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2911,7 +2911,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render update node  1`] =
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3016,7 +3016,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render update node  1`] =
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3170,7 +3170,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render update node  1`] =
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3263,7 +3263,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render update node  1`] =
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3397,7 +3397,7 @@ exports[`sqle/PipelineConfiguration/PipelineNodeField render update node  1`] =
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/PipelineConfiguration/Common/ConfigurationForm/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/PipelineConfiguration/Common/ConfigurationForm/__tests__/__snapshots__/index.test.tsx.snap
index c8f91c6a11..6ebddeb807 100644
--- a/packages/sqle/src/page/PipelineConfiguration/Common/ConfigurationForm/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/PipelineConfiguration/Common/ConfigurationForm/__tests__/__snapshots__/index.test.tsx.snap
@@ -1227,7 +1227,7 @@ exports[`sqle//PipelineConfiguration/Form render node modal 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1332,7 +1332,7 @@ exports[`sqle//PipelineConfiguration/Form render node modal 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1485,7 +1485,7 @@ exports[`sqle//PipelineConfiguration/Form render node modal 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1578,7 +1578,7 @@ exports[`sqle//PipelineConfiguration/Form render node modal 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1682,7 +1682,7 @@ exports[`sqle//PipelineConfiguration/Form render node modal 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/PipelineConfiguration/Create/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/PipelineConfiguration/Create/__tests__/__snapshots__/index.test.tsx.snap
index 1ed5cc80e2..0be2bcb058 100644
--- a/packages/sqle/src/page/PipelineConfiguration/Create/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/PipelineConfiguration/Create/__tests__/__snapshots__/index.test.tsx.snap
@@ -592,7 +592,7 @@ exports[`sqle//PipelineConfiguration/Create render create pipeline 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -697,7 +697,7 @@ exports[`sqle//PipelineConfiguration/Create render create pipeline 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -850,7 +850,7 @@ exports[`sqle//PipelineConfiguration/Create render create pipeline 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -943,7 +943,7 @@ exports[`sqle//PipelineConfiguration/Create render create pipeline 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1047,7 +1047,7 @@ exports[`sqle//PipelineConfiguration/Create render create pipeline 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/PipelineConfiguration/Update/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/PipelineConfiguration/Update/__tests__/__snapshots__/index.test.tsx.snap
index 484f8f0ed3..d737bd1f5f 100644
--- a/packages/sqle/src/page/PipelineConfiguration/Update/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/PipelineConfiguration/Update/__tests__/__snapshots__/index.test.tsx.snap
@@ -1200,7 +1200,7 @@ exports[`sqle//PipelineConfiguration/Update render update pipeline 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1305,7 +1305,7 @@ exports[`sqle//PipelineConfiguration/Update render update pipeline 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1459,7 +1459,7 @@ exports[`sqle//PipelineConfiguration/Update render update pipeline 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1552,7 +1552,7 @@ exports[`sqle//PipelineConfiguration/Update render update pipeline 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1686,7 +1686,7 @@ exports[`sqle//PipelineConfiguration/Update render update pipeline 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/PushRuleConfiguration/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/PushRuleConfiguration/__snapshots__/index.test.tsx.snap
index 303bcc9255..76748de9ae 100644
--- a/packages/sqle/src/page/PushRuleConfiguration/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/PushRuleConfiguration/__snapshots__/index.test.tsx.snap
@@ -438,7 +438,7 @@ exports[`test PushRuleConfiguration should match snapshot 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-loading ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -489,26 +489,26 @@ exports[`test PushRuleConfiguration should match snapshot 1`] = `
                             </div>
                             <span
                               aria-hidden="true"
-                              class="ant-select-arrow ant-select-arrow-loading"
+                              class="ant-select-arrow"
                               style="user-select: none;"
                               unselectable="on"
                             >
                               <span
-                                aria-label="loading"
-                                class="anticon anticon-loading anticon-spin"
+                                aria-label="down"
+                                class="anticon anticon-down ant-select-suffix"
                                 role="img"
                               >
                                 <svg
                                   aria-hidden="true"
-                                  data-icon="loading"
+                                  data-icon="down"
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
-                                  viewBox="0 0 1024 1024"
+                                  viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
-                                    d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+                                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                   />
                                 </svg>
                               </span>
diff --git a/packages/sqle/src/page/PushRuleConfiguration/components/SqlManagementIssuePush/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/PushRuleConfiguration/components/SqlManagementIssuePush/__tests__/__snapshots__/index.test.tsx.snap
index 5a19d3232b..5f6c8102c4 100644
--- a/packages/sqle/src/page/PushRuleConfiguration/components/SqlManagementIssuePush/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/PushRuleConfiguration/components/SqlManagementIssuePush/__tests__/__snapshots__/index.test.tsx.snap
@@ -227,7 +227,7 @@ exports[`test SqlManagementIssuePush should call onSubmit function correctly whe
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
@@ -718,7 +718,7 @@ exports[`test SqlManagementIssuePush should render the component and display ini
                 >
                   <div
                     aria-required="true"
-                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                   >
                     <div
                       class="ant-select-selector"
@@ -1244,7 +1244,7 @@ exports[`test SqlManagementIssuePush should set the form to edit state and fill
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-loading ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-loading ant-select-show-search"
                     >
                       <div
                         class="ant-select-selector"
diff --git a/packages/sqle/src/page/PushRuleConfiguration/index.test.tsx b/packages/sqle/src/page/PushRuleConfiguration/index.test.tsx
index 4ae28bba6d..6316aa4217 100644
--- a/packages/sqle/src/page/PushRuleConfiguration/index.test.tsx
+++ b/packages/sqle/src/page/PushRuleConfiguration/index.test.tsx
@@ -3,6 +3,7 @@ import { mockUseCurrentProject } from '@actiontech/shared/lib/testUtil/mockHook/
 import PushRuleConfiguration from '.';
 import { sqleSuperRender } from '../../testUtils/superRender';
 import MockReportPushConfigService from '@actiontech/shared/lib/testUtil/mockApi/sqle/reportPushConfigService';
+import user from '@actiontech/shared/lib/testUtil/mockApi/sqle/user';
 import { mockUseCurrentUser } from '@actiontech/shared/lib/testUtil/mockHook/mockUseCurrentUser';
 import { mockProjectInfo } from '@actiontech/shared/lib/testUtil/mockHook/data';
 import { act } from '@testing-library/react';
@@ -17,6 +18,7 @@ jest.mock('react-redux', () => {
 
 describe('test PushRuleConfiguration', () => {
   let mockGetReportPushConfigList: jest.SpyInstance;
+  let mockGetUserTipList: jest.SpyInstance;
   beforeEach(() => {
     jest.useFakeTimers();
     MockDate.set('2024-12-12:12:00:00');
@@ -25,6 +27,7 @@ describe('test PushRuleConfiguration', () => {
     mockUsePermission(undefined, { mockSelector: true });
     mockGetReportPushConfigList =
       MockReportPushConfigService.GetReportPushConfigList();
+    mockGetUserTipList = user.getUserTipList();
   });
   afterEach(() => {
     jest.clearAllMocks();
@@ -38,6 +41,9 @@ describe('test PushRuleConfiguration', () => {
     expect(mockGetReportPushConfigList).toHaveBeenCalledWith({
       project_name: mockProjectInfo.projectName
     });
+    expect(mockGetUserTipList).toHaveBeenCalledWith({
+      filter_project: mockProjectInfo.projectName
+    });
 
     await act(async () => jest.advanceTimersByTime(3000));
     expect(container).toMatchSnapshot();
diff --git a/packages/sqle/src/page/Rule/RuleListFilter/CustomSelectField.tsx b/packages/sqle/src/page/Rule/RuleListFilter/CustomSelectField.tsx
index 897fe1dedf..79bb5790cf 100644
--- a/packages/sqle/src/page/Rule/RuleListFilter/CustomSelectField.tsx
+++ b/packages/sqle/src/page/Rule/RuleListFilter/CustomSelectField.tsx
@@ -1,4 +1,5 @@
 import { CustomSelect, CustomSelectProps } from '@actiontech/dms-kit';
+import { SelectProps } from 'antd';
 
 const CustomSelectField: React.FC<
   CustomSelectProps & { onAfterChange: (v: string) => void }
@@ -6,9 +7,12 @@ const CustomSelectField: React.FC<
   return (
     <CustomSelect
       {...props}
-      onChange={(v, option) => {
+      onChange={(
+        v: Parameters<NonNullable<SelectProps['onChange']>>[0],
+        option: Parameters<NonNullable<SelectProps['onChange']>>[1]
+      ) => {
         onChange?.(v, option);
-        onAfterChange(v);
+        onAfterChange(v as string);
       }}
     />
   );
diff --git a/packages/sqle/src/page/Rule/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/Rule/__snapshots__/index.test.tsx.snap
index 712d512905..d4a32a1db5 100644
--- a/packages/sqle/src/page/Rule/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/Rule/__snapshots__/index.test.tsx.snap
@@ -182,7 +182,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow ant-select-disabled"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow ant-select-disabled"
                   >
                     <div
                       class="ant-select-selector"
@@ -212,20 +212,19 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                       <span
                         class="ant-select-selection-item"
                       >
-                        <span
-                          class="custom-select-option-content css-17mg133"
+                        <div
+                          class="css-1uw16ge"
                         >
+                          <img
+                            alt=""
+                            src=""
+                          />
                           <span
-                            class="custom-select-option-content-prefix"
-                          >
-                            数据库类型
-                          </span>
-                          <span
-                            class="custom-select-option-content-label"
+                            title="MySQL"
                           >
                             MySQL
                           </span>
-                        </span>
+                        </div>
                       </span>
                     </div>
                     <span
@@ -241,7 +240,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow ant-select-disabled"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow ant-select-disabled"
                   >
                     <div
                       class="ant-select-selector"
@@ -272,7 +271,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                         class="ant-select-selection-item"
                       >
                         <span
-                          class="custom-select-option-content css-17mg133"
+                          class="custom-select-option-content css-1xzd9w3"
                         >
                           <span
                             class="custom-select-option-content-prefix"
@@ -280,7 +279,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                             规则版本
                           </span>
                           <span
-                            class="custom-select-option-content-label"
+                            class="custom-select-option-content-label is-text-label"
                           >
                             v2
                           </span>
@@ -300,7 +299,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <span
                       aria-live="polite"
@@ -336,7 +335,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                         class="ant-select-selection-item"
                       >
                         <span
-                          class="custom-select-option-content css-17mg133"
+                          class="custom-select-option-content css-1xzd9w3"
                         >
                           <span
                             class="custom-select-option-content-prefix"
@@ -344,7 +343,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                             项目
                           </span>
                           <span
-                            class="custom-select-option-content-label"
+                            class="custom-select-option-content-label is-text-label"
                           >
                             default
                           </span>
@@ -382,7 +381,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -412,7 +411,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                         class="ant-select-selection-item"
                       >
                         <span
-                          class="custom-select-option-content css-17mg133"
+                          class="custom-select-option-content css-1xzd9w3"
                         >
                           <span
                             class="custom-select-option-content-prefix"
@@ -420,7 +419,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                             规则模板
                           </span>
                           <span
-                            class="custom-select-option-content-label"
+                            class="custom-select-option-content-label is-text-label"
                           >
                             default_MySQL
                           </span>
@@ -465,7 +464,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -523,7 +522,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -581,7 +580,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -639,7 +638,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -703,7 +702,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -990,7 +989,7 @@ exports[`sqle/Rule should filter list based on project name correctly 1`] = `
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -1212,7 +1211,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -1241,20 +1240,19 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                       <span
                         class="ant-select-selection-item"
                       >
-                        <span
-                          class="custom-select-option-content css-17mg133"
+                        <div
+                          class="css-1uw16ge"
                         >
+                          <img
+                            alt=""
+                            src=""
+                          />
                           <span
-                            class="custom-select-option-content-prefix"
-                          >
-                            数据库类型
-                          </span>
-                          <span
-                            class="custom-select-option-content-label"
+                            title="MySQL"
                           >
                             MySQL
                           </span>
-                        </span>
+                        </div>
                       </span>
                     </div>
                     <span
@@ -1270,7 +1268,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -1300,7 +1298,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                         class="ant-select-selection-item"
                       >
                         <span
-                          class="custom-select-option-content css-17mg133"
+                          class="custom-select-option-content css-1xzd9w3"
                         >
                           <span
                             class="custom-select-option-content-prefix"
@@ -1308,7 +1306,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                             规则版本
                           </span>
                           <span
-                            class="custom-select-option-content-label"
+                            class="custom-select-option-content-label is-text-label"
                           >
                             v1
                           </span>
@@ -1328,7 +1326,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <span
                       aria-live="polite"
@@ -1364,7 +1362,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                         class="ant-select-selection-item"
                       >
                         <span
-                          class="custom-select-option-content css-17mg133"
+                          class="custom-select-option-content css-1xzd9w3"
                         >
                           <span
                             class="custom-select-option-content-prefix"
@@ -1372,7 +1370,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                             项目
                           </span>
                           <span
-                            class="custom-select-option-content-label"
+                            class="custom-select-option-content-label is-text-label"
                           >
                             default
                           </span>
@@ -1410,7 +1408,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -1475,7 +1473,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -1533,7 +1531,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -1591,7 +1589,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -1649,7 +1647,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -1713,7 +1711,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1872,7 +1870,7 @@ exports[`sqle/Rule should filter list based on project name correctly 2`] = `
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -2094,7 +2092,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -2123,20 +2121,19 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                       <span
                         class="ant-select-selection-item"
                       >
-                        <span
-                          class="custom-select-option-content css-17mg133"
+                        <div
+                          class="css-1uw16ge"
                         >
+                          <img
+                            alt=""
+                            src=""
+                          />
                           <span
-                            class="custom-select-option-content-prefix"
-                          >
-                            数据库类型
-                          </span>
-                          <span
-                            class="custom-select-option-content-label"
+                            title="MySQL"
                           >
                             MySQL
                           </span>
-                        </span>
+                        </div>
                       </span>
                     </div>
                     <span
@@ -2152,7 +2149,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -2182,7 +2179,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                         class="ant-select-selection-item"
                       >
                         <span
-                          class="custom-select-option-content css-17mg133"
+                          class="custom-select-option-content css-1xzd9w3"
                         >
                           <span
                             class="custom-select-option-content-prefix"
@@ -2190,7 +2187,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                             规则版本
                           </span>
                           <span
-                            class="custom-select-option-content-label"
+                            class="custom-select-option-content-label is-text-label"
                           >
                             v1
                           </span>
@@ -2210,7 +2207,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <span
                       aria-live="polite"
@@ -2246,7 +2243,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                         class="ant-select-selection-item"
                       >
                         <span
-                          class="custom-select-option-content css-17mg133"
+                          class="custom-select-option-content css-1xzd9w3"
                         >
                           <span
                             class="custom-select-option-content-prefix"
@@ -2254,7 +2251,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                             项目
                           </span>
                           <span
-                            class="custom-select-option-content-label"
+                            class="custom-select-option-content-label is-text-label"
                           >
                             default
                           </span>
@@ -2292,7 +2289,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -2357,7 +2354,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2415,7 +2412,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2473,7 +2470,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2531,7 +2528,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2595,7 +2592,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2746,7 +2743,7 @@ exports[`sqle/Rule should hide empty list tips for archived projects 1`] = `
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -2968,7 +2965,7 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -2997,20 +2994,19 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                       <span
                         class="ant-select-selection-item"
                       >
-                        <span
-                          class="custom-select-option-content css-17mg133"
+                        <div
+                          class="css-1uw16ge"
                         >
+                          <img
+                            alt=""
+                            src=""
+                          />
                           <span
-                            class="custom-select-option-content-prefix"
-                          >
-                            数据库类型
-                          </span>
-                          <span
-                            class="custom-select-option-content-label"
+                            title="MySQL"
                           >
                             MySQL
                           </span>
-                        </span>
+                        </div>
                       </span>
                     </div>
                     <span
@@ -3026,7 +3022,7 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -3056,7 +3052,7 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                         class="ant-select-selection-item"
                       >
                         <span
-                          class="custom-select-option-content css-17mg133"
+                          class="custom-select-option-content css-1xzd9w3"
                         >
                           <span
                             class="custom-select-option-content-prefix"
@@ -3064,7 +3060,7 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                             规则版本
                           </span>
                           <span
-                            class="custom-select-option-content-label"
+                            class="custom-select-option-content-label is-text-label"
                           >
                             v1
                           </span>
@@ -3084,7 +3080,7 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -3142,7 +3138,7 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -3207,7 +3203,7 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -3265,7 +3261,7 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -3323,7 +3319,7 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -3381,7 +3377,7 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -3445,7 +3441,7 @@ exports[`sqle/Rule should render Rule component correctly and match snapshot 1`]
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4045,7 +4041,7 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -4074,20 +4070,19 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                       <span
                         class="ant-select-selection-item"
                       >
-                        <span
-                          class="custom-select-option-content css-17mg133"
+                        <div
+                          class="css-1uw16ge"
                         >
+                          <img
+                            alt=""
+                            src=""
+                          />
                           <span
-                            class="custom-select-option-content-prefix"
-                          >
-                            数据库类型
-                          </span>
-                          <span
-                            class="custom-select-option-content-label"
+                            title="MySQL"
                           >
                             MySQL
                           </span>
-                        </span>
+                        </div>
                       </span>
                     </div>
                     <span
@@ -4103,7 +4098,7 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -4133,7 +4128,7 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                         class="ant-select-selection-item"
                       >
                         <span
-                          class="custom-select-option-content css-17mg133"
+                          class="custom-select-option-content css-1xzd9w3"
                         >
                           <span
                             class="custom-select-option-content-prefix"
@@ -4141,7 +4136,7 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                             规则版本
                           </span>
                           <span
-                            class="custom-select-option-content-label"
+                            class="custom-select-option-content-label is-text-label"
                           >
                             v1
                           </span>
@@ -4161,7 +4156,7 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -4219,7 +4214,7 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                   style="margin-right: 12px; padding-bottom: 8px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -4284,7 +4279,7 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4342,7 +4337,7 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4400,7 +4395,7 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4458,7 +4453,7 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4522,7 +4517,7 @@ exports[`sqle/Rule should show empty state when request returns no data 1`] = `
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/RuleManager/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/RuleManager/__tests__/__snapshots__/index.test.tsx.snap
index 59cbac60eb..b8d448d89a 100644
--- a/packages/sqle/src/page/RuleManager/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/RuleManager/__tests__/__snapshots__/index.test.tsx.snap
@@ -903,7 +903,7 @@ exports[`sqle/RuleManager should render custom rule list 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             style="width: 200px;"
                           >
                             <div
diff --git a/packages/sqle/src/page/RuleTemplate/CreateRuleTemplate/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/RuleTemplate/CreateRuleTemplate/__snapshots__/index.test.tsx.snap
index 6ca4600914..49a7822117 100644
--- a/packages/sqle/src/page/RuleTemplate/CreateRuleTemplate/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/RuleTemplate/CreateRuleTemplate/__snapshots__/index.test.tsx.snap
@@ -230,7 +230,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate create rule template 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -353,7 +353,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate create rule template 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -604,7 +604,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate create rule template 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -662,7 +662,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate create rule template 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -720,7 +720,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate create rule template 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -778,7 +778,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate create rule template 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -842,7 +842,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate create rule template 1`] = `
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2038,7 +2038,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -2161,7 +2161,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -2412,7 +2412,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2470,7 +2470,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2528,7 +2528,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2586,7 +2586,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2650,7 +2650,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate rule list action 1`] = `
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4097,7 +4097,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate rule list action 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4474,7 +4474,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate should match snap shot 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -4567,7 +4567,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate should match snap shot 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                         >
                           <div
                             class="ant-select-selector"
@@ -4802,7 +4802,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate should match snap shot 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4860,7 +4860,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate should match snap shot 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4918,7 +4918,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate should match snap shot 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4976,7 +4976,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate should match snap shot 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -5040,7 +5040,7 @@ exports[`sqle/RuleTemplate/CreateRuleTemplate should match snap shot 1`] = `
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/RuleTemplate/EditRuleTemplate/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/RuleTemplate/EditRuleTemplate/__snapshots__/index.test.tsx.snap
index 2f73584319..0634d5ad40 100644
--- a/packages/sqle/src/page/RuleTemplate/EditRuleTemplate/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/RuleTemplate/EditRuleTemplate/__snapshots__/index.test.tsx.snap
@@ -559,7 +559,7 @@ exports[`sqle/RuleTemplate/EditRuleTemplate should match snap shot 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1004,7 +1004,7 @@ exports[`sqle/RuleTemplate/EditRuleTemplate when dataSource is empty object 1`]
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1677,7 +1677,7 @@ exports[`sqle/RuleTemplate/EditRuleTemplate when param type is boolean 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/RuleTemplate/ImportRuleTemplate/FileUpload/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/RuleTemplate/ImportRuleTemplate/FileUpload/__snapshots__/index.test.tsx.snap
index 43b33b3f3e..209ca58868 100644
--- a/packages/sqle/src/page/RuleTemplate/ImportRuleTemplate/FileUpload/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/RuleTemplate/ImportRuleTemplate/FileUpload/__snapshots__/index.test.tsx.snap
@@ -442,7 +442,7 @@ exports[`test FileUpload should render the DownloadTemplateModal component when
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -746,7 +746,7 @@ exports[`test FileUpload should render the DownloadTemplateModal component when
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/RuleTemplate/ImportRuleTemplate/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/RuleTemplate/ImportRuleTemplate/__snapshots__/index.test.tsx.snap
index 4635bbd96b..4f8337ca75 100644
--- a/packages/sqle/src/page/RuleTemplate/ImportRuleTemplate/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/RuleTemplate/ImportRuleTemplate/__snapshots__/index.test.tsx.snap
@@ -234,7 +234,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate import rule template 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -340,7 +340,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate import rule template 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -574,7 +574,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate import rule template 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -632,7 +632,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate import rule template 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -690,7 +690,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate import rule template 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -748,7 +748,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate import rule template 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -812,7 +812,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate import rule template 1`] = `
                               style="margin-right: 4px;"
                             >
                               <div
-                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -3331,7 +3331,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -3437,7 +3437,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -3671,7 +3671,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3729,7 +3729,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3787,7 +3787,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3845,7 +3845,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate rule list action 1`] = `
                           style="margin-right: 12px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3909,7 +3909,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate rule list action 1`] = `
                               style="margin-right: 4px;"
                             >
                               <div
-                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -5184,7 +5184,7 @@ exports[`sqle/RuleTemplate/ImportRuleTemplate rule list action 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/RuleTemplate/RuleTemplateDetail/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/RuleTemplate/RuleTemplateDetail/__snapshots__/index.test.tsx.snap
index f86d4b63ac..eec6afd6b6 100644
--- a/packages/sqle/src/page/RuleTemplate/RuleTemplateDetail/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/RuleTemplate/RuleTemplateDetail/__snapshots__/index.test.tsx.snap
@@ -301,7 +301,7 @@ exports[`sqle/RuleTemplate/RuleTemplateDetail should match snap shot 1`] = `
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -359,7 +359,7 @@ exports[`sqle/RuleTemplate/RuleTemplateDetail should match snap shot 1`] = `
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -417,7 +417,7 @@ exports[`sqle/RuleTemplate/RuleTemplateDetail should match snap shot 1`] = `
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -475,7 +475,7 @@ exports[`sqle/RuleTemplate/RuleTemplateDetail should match snap shot 1`] = `
                     style="margin-right: 12px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -539,7 +539,7 @@ exports[`sqle/RuleTemplate/RuleTemplateDetail should match snap shot 1`] = `
                         style="margin-right: 4px;"
                       >
                         <div
-                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                          class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
diff --git a/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/BaseInfoForm/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/BaseInfoForm/__snapshots__/index.test.tsx.snap
index e90a3d7814..38eab17781 100644
--- a/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/BaseInfoForm/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/BaseInfoForm/__snapshots__/index.test.tsx.snap
@@ -125,7 +125,7 @@ exports[`sqle/RuleTemplate/BaseInfoForm should match snap shot 1`] = `
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                 >
                   <div
                     class="ant-select-selector"
@@ -218,7 +218,7 @@ exports[`sqle/RuleTemplate/BaseInfoForm should match snap shot 1`] = `
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                 >
                   <div
                     class="ant-select-selector"
diff --git a/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/RuleSelect/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/RuleSelect/__snapshots__/index.test.tsx.snap
index 1ccd8298da..b2d9ec65ec 100644
--- a/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/RuleSelect/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/RuleSelect/__snapshots__/index.test.tsx.snap
@@ -157,7 +157,7 @@ exports[`sqle/RuleTemplate/RuleSelect should match snap shot 1`] = `
                 style="margin-right: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                 >
                   <div
                     class="ant-select-selector"
@@ -215,7 +215,7 @@ exports[`sqle/RuleTemplate/RuleSelect should match snap shot 1`] = `
                 style="margin-right: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                 >
                   <div
                     class="ant-select-selector"
@@ -273,7 +273,7 @@ exports[`sqle/RuleTemplate/RuleSelect should match snap shot 1`] = `
                 style="margin-right: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                 >
                   <div
                     class="ant-select-selector"
@@ -331,7 +331,7 @@ exports[`sqle/RuleTemplate/RuleSelect should match snap shot 1`] = `
                 style="margin-right: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                 >
                   <div
                     class="ant-select-selector"
@@ -395,7 +395,7 @@ exports[`sqle/RuleTemplate/RuleSelect should match snap shot 1`] = `
                     style="margin-right: 4px;"
                   >
                     <div
-                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                      class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                     >
                       <div
                         class="ant-select-selector"
diff --git a/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/__snapshots__/index.test.tsx.snap
index 91b0546cda..827dc2f28a 100644
--- a/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/RuleTemplate/RuleTemplateForm/__snapshots__/index.test.tsx.snap
@@ -159,7 +159,7 @@ exports[`sqle/RuleTemplate/RuleTemplateForm should match snap shot 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -252,7 +252,7 @@ exports[`sqle/RuleTemplate/RuleTemplateForm should match snap shot 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -486,7 +486,7 @@ exports[`sqle/RuleTemplate/RuleTemplateForm should match snap shot 1`] = `
                   style="margin-right: 12px;"
                 >
                   <div
-                    class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                    class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                   >
                     <div
                       class="ant-select-selector"
@@ -544,7 +544,7 @@ exports[`sqle/RuleTemplate/RuleTemplateForm should match snap shot 1`] = `
                   style="margin-right: 12px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                   >
                     <div
                       class="ant-select-selector"
@@ -602,7 +602,7 @@ exports[`sqle/RuleTemplate/RuleTemplateForm should match snap shot 1`] = `
                   style="margin-right: 12px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                   >
                     <div
                       class="ant-select-selector"
@@ -660,7 +660,7 @@ exports[`sqle/RuleTemplate/RuleTemplateForm should match snap shot 1`] = `
                   style="margin-right: 12px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                   >
                     <div
                       class="ant-select-selector"
@@ -724,7 +724,7 @@ exports[`sqle/RuleTemplate/RuleTemplateForm should match snap shot 1`] = `
                       style="margin-right: 4px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                       >
                         <div
                           class="ant-select-selector"
diff --git a/packages/sqle/src/page/RuleTemplate/UpdateRuleTemplate/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/RuleTemplate/UpdateRuleTemplate/__snapshots__/index.test.tsx.snap
index a22d36feb3..ca1ca88d90 100644
--- a/packages/sqle/src/page/RuleTemplate/UpdateRuleTemplate/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/RuleTemplate/UpdateRuleTemplate/__snapshots__/index.test.tsx.snap
@@ -231,7 +231,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                         >
                           <div
                             class="ant-select-selector"
@@ -337,7 +337,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                         >
                           <div
                             class="ant-select-selector"
@@ -571,7 +571,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -629,7 +629,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -687,7 +687,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -745,7 +745,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -809,7 +809,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2082,7 +2082,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate rule list action 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2460,7 +2460,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate should match snap shot 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                         >
                           <div
                             class="ant-select-selector"
@@ -2566,7 +2566,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate should match snap shot 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                         >
                           <div
                             class="ant-select-selector"
@@ -2824,7 +2824,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate should match snap shot 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2882,7 +2882,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate should match snap shot 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2940,7 +2940,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate should match snap shot 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -2998,7 +2998,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate should match snap shot 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -3062,7 +3062,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate should match snap shot 1`] = `
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4060,7 +4060,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate update rule template 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                         >
                           <div
                             class="ant-select-selector"
@@ -4166,7 +4166,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate update rule template 1`] = `
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                         >
                           <div
                             class="ant-select-selector"
@@ -4401,7 +4401,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate update rule template 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4459,7 +4459,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate update rule template 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4517,7 +4517,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate update rule template 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4575,7 +4575,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate update rule template 1`] = `
                       style="margin-right: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4639,7 +4639,7 @@ exports[`sqle/RuleTemplate/UpdateRuleTemplate update rule template 1`] = `
                           style="margin-right: 4px;"
                         >
                           <div
-                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlAudit/Create/SQLInfoForm/DatabaseInfo.tsx b/packages/sqle/src/page/SqlAudit/Create/SQLInfoForm/DatabaseInfo.tsx
index c9e7c5038e..e2b3916cfe 100644
--- a/packages/sqle/src/page/SqlAudit/Create/SQLInfoForm/DatabaseInfo.tsx
+++ b/packages/sqle/src/page/SqlAudit/Create/SQLInfoForm/DatabaseInfo.tsx
@@ -2,7 +2,7 @@ import { useTranslation } from 'react-i18next';
 import { AuditTypeEnum, DatabaseInfoProps } from './index.type';
 import { FormItemLabel, FormItemNoLabel } from '@actiontech/dms-kit';
 import { useCallback, useContext, useMemo, useState } from 'react';
-import { Form, Space } from 'antd';
+import { Form, Space, SelectProps } from 'antd';
 import { CustomSelect } from '@actiontech/dms-kit';
 import useInstanceSchema from '../../../../hooks/useInstanceSchema';
 import { IInstanceResV2 } from '@actiontech/shared/lib/api/sqle/service/common';
@@ -152,7 +152,9 @@ const DatabaseInfo = ({
             disabled={submitLoading}
             loading={instanceLoading}
             options={instanceOptions}
-            onChange={(value) => handleInstanceNameChange(value)}
+            onChange={(
+              value: Parameters<NonNullable<SelectProps['onChange']>>[0]
+            ) => handleInstanceNameChange(value as string)}
           />
         </FormItemNoLabel>
         <FormItemNoLabel
diff --git a/packages/sqle/src/page/SqlAudit/Create/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlAudit/Create/__snapshots__/index.test.tsx.snap
index b9325141d8..5dcb1d09d4 100644
--- a/packages/sqle/src/page/SqlAudit/Create/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlAudit/Create/__snapshots__/index.test.tsx.snap
@@ -119,7 +119,7 @@ exports[`sqle/SqlAudit/Create enter default content to create sql audit 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-open ant-select-show-search"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-open ant-select-show-search"
                         >
                           <div
                             class="ant-select-selector"
@@ -325,7 +325,7 @@ exports[`sqle/SqlAudit/Create enter default content to create sql audit 1`] = `
                       class="ant-form-item-control-input-content"
                     >
                       <div
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -453,7 +453,7 @@ exports[`sqle/SqlAudit/Create enter default content to create sql audit 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -576,7 +576,7 @@ exports[`sqle/SqlAudit/Create enter default content to create sql audit 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -735,7 +735,7 @@ exports[`sqle/SqlAudit/Create enter default content to create sql audit 1`] = `
                       class="ant-form-item-control-input-content"
                     >
                       <div
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                       >
                         <div
                           class="ant-select-selector"
@@ -1649,7 +1649,7 @@ exports[`sqle/SqlAudit/Create select static audit type 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                         >
                           <div
                             class="ant-select-selector"
@@ -1858,7 +1858,7 @@ exports[`sqle/SqlAudit/Create select static audit type 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -1988,7 +1988,7 @@ exports[`sqle/SqlAudit/Create select static audit type 1`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2109,7 +2109,7 @@ exports[`sqle/SqlAudit/Create select static audit type 1`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2268,7 +2268,7 @@ exports[`sqle/SqlAudit/Create select static audit type 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                       >
                         <div
                           class="ant-select-selector"
@@ -3011,7 +3011,7 @@ exports[`sqle/SqlAudit/Create select static audit type 2`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                         >
                           <div
                             class="ant-select-selector"
@@ -3220,7 +3220,7 @@ exports[`sqle/SqlAudit/Create select static audit type 2`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -3362,7 +3362,7 @@ exports[`sqle/SqlAudit/Create select static audit type 2`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -3483,7 +3483,7 @@ exports[`sqle/SqlAudit/Create select static audit type 2`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -3642,7 +3642,7 @@ exports[`sqle/SqlAudit/Create select static audit type 2`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-open"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-open"
                       >
                         <div
                           class="ant-select-selector"
@@ -4567,7 +4567,7 @@ exports[`sqle/SqlAudit/Create upload sql file 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                         >
                           <div
                             class="ant-select-selector"
@@ -4776,7 +4776,7 @@ exports[`sqle/SqlAudit/Create upload sql file 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -4918,7 +4918,7 @@ exports[`sqle/SqlAudit/Create upload sql file 1`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -5039,7 +5039,7 @@ exports[`sqle/SqlAudit/Create upload sql file 1`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -5198,7 +5198,7 @@ exports[`sqle/SqlAudit/Create upload sql file 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -6066,7 +6066,7 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                         >
                           <div
                             class="ant-select-selector"
@@ -6274,7 +6274,7 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                       class="ant-form-item-control-input-content"
                     >
                       <div
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -6403,7 +6403,7 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -6432,32 +6432,13 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                                 </span>
                                 <span
                                   class="ant-select-selection-item"
+                                  title="mysql-1(10.186.62.13:33061)"
                                 >
                                   <span
-                                    class="custom-select-option-content css-17mg133"
+                                    class="instance-option-label"
                                   >
                                     <span
-                                      class="custom-select-option-content-prefix"
-                                    >
-                                      <span
-                                        class="css-u3jcp4"
-                                      >
-                                        <svg
-                                          color="#4583FF"
-                                          height="18"
-                                          viewBox="0 0 18 18"
-                                          width="18"
-                                          xmlns="http://www.w3.org/2000/svg"
-                                        >
-                                          <path
-                                            d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                            fill="currentColor"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </span>
-                                    <span
-                                      class="custom-select-option-content-label"
+                                      style="white-space: nowrap;"
                                     >
                                       mysql-1(10.186.62.13:33061)
                                     </span>
@@ -6527,7 +6508,7 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <span
                                 aria-live="polite"
@@ -6564,7 +6545,7 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                                   class="ant-select-selection-item"
                                 >
                                   <span
-                                    class="custom-select-option-content css-17mg133"
+                                    class="custom-select-option-content css-1xzd9w3"
                                   >
                                     <span
                                       class="custom-select-option-content-prefix"
@@ -6587,7 +6568,7 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                                       </span>
                                     </span>
                                     <span
-                                      class="custom-select-option-content-label"
+                                      class="custom-select-option-content-label is-text-label"
                                     >
                                       testSchema
                                     </span>
@@ -6719,7 +6700,7 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                       class="ant-form-item-control-input-content"
                     >
                       <div
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                       >
                         <div
                           class="ant-select-selector"
@@ -7283,7 +7264,7 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -7366,7 +7347,15 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-1(10.186.62.13:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-1(10.186.62.13:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -7385,7 +7374,15 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-2(10.186.62.14:33062)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-2(10.186.62.14:33062)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -7404,7 +7401,15 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                     <div
                       class="ant-select-item-option-content"
                     >
-                      xin-test-database(10.186.62.15:33063)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          xin-test-database(10.186.62.15:33063)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -7423,7 +7428,15 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-5(139.196.241.182:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-5(139.196.241.182:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -7463,7 +7476,15 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                     <div
                       class="ant-select-item-option-content"
                     >
-                      progres-1(10.186.62.16:5432)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          progres-1(10.186.62.16:5432)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -7503,7 +7524,15 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
                     <div
                       class="ant-select-item-option-content"
                     >
-                      tidb-1(10.186.62.17:4000)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          tidb-1(10.186.62.17:4000)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -7523,7 +7552,7 @@ exports[`sqle/SqlAudit/Create upload xml file 1`] = `
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -7800,7 +7829,7 @@ exports[`sqle/SqlAudit/Create upload zip file 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
                         >
                           <div
                             class="ant-select-selector"
@@ -8009,7 +8038,7 @@ exports[`sqle/SqlAudit/Create upload zip file 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -8151,7 +8180,7 @@ exports[`sqle/SqlAudit/Create upload zip file 1`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -8272,7 +8301,7 @@ exports[`sqle/SqlAudit/Create upload zip file 1`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -8431,7 +8460,7 @@ exports[`sqle/SqlAudit/Create upload zip file 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlAudit/List/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlAudit/List/__snapshots__/index.test.tsx.snap
index 003ed77859..770bfe938d 100644
--- a/packages/sqle/src/page/SqlAudit/List/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlAudit/List/__snapshots__/index.test.tsx.snap
@@ -181,7 +181,7 @@ exports[`sqle/SqlAudit/List render action when filter item show 1`] = `
             style="margin-right: 12px; padding-bottom: 12px;"
           >
             <div
-              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
             >
               <div
                 class="ant-select-selector"
@@ -239,7 +239,7 @@ exports[`sqle/SqlAudit/List render action when filter item show 1`] = `
             style="margin-right: 12px; padding-bottom: 12px;"
           >
             <div
-              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
             >
               <div
                 class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Common/AuditResultList/Table/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlExecWorkflow/Common/AuditResultList/Table/__tests__/__snapshots__/index.test.tsx.snap
index 225920993e..d23333ff2b 100644
--- a/packages/sqle/src/page/SqlExecWorkflow/Common/AuditResultList/Table/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlExecWorkflow/Common/AuditResultList/Table/__tests__/__snapshots__/index.test.tsx.snap
@@ -1178,7 +1178,7 @@ exports[`sqle/ExecWorkflow/Common/AuditResultList/List render allowSwitchBackupP
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Create/__tests__/__snapshots__/index.ce.test.tsx.snap b/packages/sqle/src/page/SqlExecWorkflow/Create/__tests__/__snapshots__/index.ce.test.tsx.snap
index 99234e7813..78a180fd1b 100644
--- a/packages/sqle/src/page/SqlExecWorkflow/Create/__tests__/__snapshots__/index.ce.test.tsx.snap
+++ b/packages/sqle/src/page/SqlExecWorkflow/Create/__tests__/__snapshots__/index.ce.test.tsx.snap
@@ -297,7 +297,7 @@ exports[`sqle/SqlExecWorkflow/Create ce should snapshot render initial workflow
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow ant-select-loading"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow ant-select-loading"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -419,7 +419,7 @@ exports[`sqle/SqlExecWorkflow/Create ce should snapshot render initial workflow
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                                     >
                                       <div
                                         class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Create/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlExecWorkflow/Create/__tests__/__snapshots__/index.test.tsx.snap
index 20a27c97e0..bbd2820a3e 100644
--- a/packages/sqle/src/page/SqlExecWorkflow/Create/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlExecWorkflow/Create/__tests__/__snapshots__/index.test.tsx.snap
@@ -313,7 +313,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -342,32 +342,13 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-1(10.186.62.13:33061)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-1(10.186.62.13:33061)
                                             </span>
@@ -436,7 +417,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <span
                                         aria-live="polite"
@@ -472,7 +453,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -495,7 +476,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test123
                                             </span>
@@ -1483,7 +1464,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; width: 0px; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -1531,7 +1512,6 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
               role="presentation"
             />
             <div
-              aria-label="mysql-1(10.186.62.13:33061)"
               aria-selected="true"
               id="databaseInfo_0_instanceName_list_1"
               role="option"
@@ -1580,7 +1560,15 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-1(10.186.62.13:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-1(10.186.62.13:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -1600,7 +1588,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -2071,7 +2059,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -2100,32 +2088,13 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-1(10.186.62.13:33061)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-1(10.186.62.13:33061)
                                             </span>
@@ -2194,7 +2163,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <span
                                         aria-live="polite"
@@ -2230,7 +2199,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -2253,7 +2222,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test123
                                             </span>
@@ -3245,7 +3214,7 @@ from
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; width: 0px; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -3293,7 +3262,6 @@ from
               role="presentation"
             />
             <div
-              aria-label="mysql-1(10.186.62.13:33061)"
               aria-selected="true"
               id="databaseInfo_0_instanceName_list_1"
               role="option"
@@ -3342,7 +3310,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-1(10.186.62.13:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-1(10.186.62.13:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -3362,7 +3338,7 @@ from
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -3833,7 +3809,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -3862,32 +3838,13 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-1(10.186.62.13:33061)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-1(10.186.62.13:33061)
                                             </span>
@@ -3956,7 +3913,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <span
                                         aria-live="polite"
@@ -3992,7 +3949,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -4015,7 +3972,7 @@ exports[`sqle/SqlExecWorkflow/Create render associated version when create workf
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test123
                                             </span>
@@ -5577,7 +5534,7 @@ from
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; width: 0px; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -5625,7 +5582,6 @@ from
               role="presentation"
             />
             <div
-              aria-label="mysql-1(10.186.62.13:33061)"
               aria-selected="true"
               id="databaseInfo_0_instanceName_list_1"
               role="option"
@@ -5674,7 +5630,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-1(10.186.62.13:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-1(10.186.62.13:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -5694,7 +5658,7 @@ from
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -6167,7 +6131,7 @@ exports[`sqle/SqlExecWorkflow/Create render create rollback workflow 1`] = `
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -6196,32 +6160,13 @@ exports[`sqle/SqlExecWorkflow/Create render create rollback workflow 1`] = `
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-1(10.186.62.13:33061)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-1(10.186.62.13:33061)
                                             </span>
@@ -6290,7 +6235,7 @@ exports[`sqle/SqlExecWorkflow/Create render create rollback workflow 1`] = `
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -6320,7 +6265,7 @@ exports[`sqle/SqlExecWorkflow/Create render create rollback workflow 1`] = `
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -6343,7 +6288,7 @@ exports[`sqle/SqlExecWorkflow/Create render create rollback workflow 1`] = `
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test
                                             </span>
@@ -8203,7 +8148,7 @@ exports[`sqle/SqlExecWorkflow/Create render create rollback workflow 2`] = `
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -8232,32 +8177,13 @@ exports[`sqle/SqlExecWorkflow/Create render create rollback workflow 2`] = `
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-1(10.186.62.13:33061)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-1(10.186.62.13:33061)
                                             </span>
@@ -8326,7 +8252,7 @@ exports[`sqle/SqlExecWorkflow/Create render create rollback workflow 2`] = `
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -8356,7 +8282,7 @@ exports[`sqle/SqlExecWorkflow/Create render create rollback workflow 2`] = `
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -8379,7 +8305,7 @@ exports[`sqle/SqlExecWorkflow/Create render create rollback workflow 2`] = `
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test
                                             </span>
@@ -10613,7 +10539,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -10642,32 +10568,13 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-2(10.186.62.14:33062)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-2(10.186.62.14:33062)
                                             </span>
@@ -10736,7 +10643,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <span
                                         aria-live="polite"
@@ -10772,7 +10679,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -10795,7 +10702,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               sqle
                                             </span>
@@ -12509,7 +12416,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; width: 0px; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -12557,7 +12464,6 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
               role="presentation"
             />
             <div
-              aria-label="mysql-1(10.186.62.13:33061)"
               aria-selected="false"
               id="databaseInfo_0_instanceName_list_1"
               role="option"
@@ -12565,7 +12471,6 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
               mysql-1
             </div>
             <div
-              aria-label="mysql-2(10.186.62.14:33062)"
               aria-selected="true"
               id="databaseInfo_0_instanceName_list_2"
               role="option"
@@ -12614,7 +12519,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-1(10.186.62.13:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-1(10.186.62.13:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -12631,7 +12544,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-2(10.186.62.14:33062)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-2(10.186.62.14:33062)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -12648,7 +12569,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      xin-test-database(10.186.62.15:33063)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          xin-test-database(10.186.62.15:33063)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -12665,7 +12594,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-5(139.196.241.182:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-5(139.196.241.182:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -12702,7 +12639,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      progres-1(10.186.62.16:5432)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          progres-1(10.186.62.16:5432)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -12739,7 +12684,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      tidb-1(10.186.62.17:4000)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          tidb-1(10.186.62.17:4000)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -12759,7 +12712,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -13232,7 +13185,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -13261,32 +13214,13 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-2(10.186.62.14:33062)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-2(10.186.62.14:33062)
                                             </span>
@@ -13355,7 +13289,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <span
                                         aria-live="polite"
@@ -13391,7 +13325,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -13414,7 +13348,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               sqle
                                             </span>
@@ -15128,7 +15062,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; width: 0px; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -15176,7 +15110,6 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
               role="presentation"
             />
             <div
-              aria-label="mysql-1(10.186.62.13:33061)"
               aria-selected="false"
               id="databaseInfo_0_instanceName_list_1"
               role="option"
@@ -15184,7 +15117,6 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
               mysql-1
             </div>
             <div
-              aria-label="mysql-2(10.186.62.14:33062)"
               aria-selected="true"
               id="databaseInfo_0_instanceName_list_2"
               role="option"
@@ -15233,7 +15165,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-1(10.186.62.13:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-1(10.186.62.13:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -15250,7 +15190,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-2(10.186.62.14:33062)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-2(10.186.62.14:33062)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -15267,7 +15215,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      xin-test-database(10.186.62.15:33063)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          xin-test-database(10.186.62.15:33063)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -15284,7 +15240,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-5(139.196.241.182:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-5(139.196.241.182:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -15321,7 +15285,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      progres-1(10.186.62.16:5432)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          progres-1(10.186.62.16:5432)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -15358,7 +15330,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      tidb-1(10.186.62.17:4000)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          tidb-1(10.186.62.17:4000)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -15378,7 +15358,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -15896,7 +15876,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                       >
                                         <div
                                           aria-required="true"
-                                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow ant-select-loading"
+                                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow ant-select-loading"
                                         >
                                           <div
                                             class="ant-select-selector"
@@ -15992,7 +15972,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                         class="ant-form-item-control-input-content"
                                       >
                                         <div
-                                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                         >
                                           <div
                                             class="ant-select-selector"
@@ -16022,7 +16002,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                               class="ant-select-selection-item"
                                             >
                                               <span
-                                                class="custom-select-option-content css-17mg133"
+                                                class="custom-select-option-content css-1xzd9w3"
                                               >
                                                 <span
                                                   class="custom-select-option-content-prefix"
@@ -16045,7 +16025,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                                   </span>
                                                 </span>
                                                 <span
-                                                  class="custom-select-option-content-label"
+                                                  class="custom-select-option-content-label is-text-label"
                                                 >
                                                   sqle
                                                 </span>
@@ -17177,7 +17157,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -17206,32 +17186,13 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-2(10.186.62.14:33062)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-2(10.186.62.14:33062)
                                             </span>
@@ -17300,7 +17261,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <span
                                         aria-live="polite"
@@ -17336,7 +17297,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -17359,7 +17320,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               sqle
                                             </span>
@@ -19544,7 +19505,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; width: 0px; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -19592,7 +19553,6 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
               role="presentation"
             />
             <div
-              aria-label="mysql-1(10.186.62.13:33061)"
               aria-selected="false"
               id="databaseInfo_0_instanceName_list_1"
               role="option"
@@ -19600,7 +19560,6 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
               mysql-1
             </div>
             <div
-              aria-label="mysql-2(10.186.62.14:33062)"
               aria-selected="true"
               id="databaseInfo_0_instanceName_list_2"
               role="option"
@@ -19649,7 +19608,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-1(10.186.62.13:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-1(10.186.62.13:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -19666,7 +19633,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-2(10.186.62.14:33062)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-2(10.186.62.14:33062)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -19683,7 +19658,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      xin-test-database(10.186.62.15:33063)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          xin-test-database(10.186.62.15:33063)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -19700,7 +19683,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-5(139.196.241.182:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-5(139.196.241.182:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -19737,7 +19728,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      progres-1(10.186.62.16:5432)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          progres-1(10.186.62.16:5432)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -19774,7 +19773,15 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                     <div
                       class="ant-select-item-option-content"
                     >
-                      tidb-1(10.186.62.17:4000)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          tidb-1(10.186.62.17:4000)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -19794,7 +19801,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -20309,7 +20316,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                       >
                                         <div
                                           aria-required="true"
-                                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                         >
                                           <div
                                             class="ant-select-selector"
@@ -20338,32 +20345,13 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                             </span>
                                             <span
                                               class="ant-select-selection-item"
+                                              title="mysql-2(10.186.62.14:33062)"
                                             >
                                               <span
-                                                class="custom-select-option-content css-17mg133"
+                                                class="instance-option-label"
                                               >
                                                 <span
-                                                  class="custom-select-option-content-prefix"
-                                                >
-                                                  <span
-                                                    class="css-u3jcp4"
-                                                  >
-                                                    <svg
-                                                      color="#4583FF"
-                                                      height="18"
-                                                      viewBox="0 0 18 18"
-                                                      width="18"
-                                                      xmlns="http://www.w3.org/2000/svg"
-                                                    >
-                                                      <path
-                                                        d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                        fill="currentColor"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </span>
-                                                <span
-                                                  class="custom-select-option-content-label"
+                                                  style="white-space: nowrap;"
                                                 >
                                                   mysql-2(10.186.62.14:33062)
                                                 </span>
@@ -20432,7 +20420,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                         class="ant-form-item-control-input-content"
                                       >
                                         <div
-                                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                          class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                         >
                                           <div
                                             class="ant-select-selector"
@@ -20462,7 +20450,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                               class="ant-select-selection-item"
                                             >
                                               <span
-                                                class="custom-select-option-content css-17mg133"
+                                                class="custom-select-option-content css-1xzd9w3"
                                               >
                                                 <span
                                                   class="custom-select-option-content-prefix"
@@ -20485,7 +20473,7 @@ exports[`sqle/SqlExecWorkflow/Create should handle form submission and audit act
                                                   </span>
                                                 </span>
                                                 <span
-                                                  class="custom-select-option-content-label"
+                                                  class="custom-select-option-content-label is-text-label"
                                                 >
                                                   sqle
                                                 </span>
@@ -21935,7 +21923,7 @@ exports[`sqle/SqlExecWorkflow/Create should reset form fields and snapshot UI af
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -22057,7 +22045,7 @@ exports[`sqle/SqlExecWorkflow/Create should reset form fields and snapshot UI af
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -23257,7 +23245,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -23286,32 +23274,13 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-1(10.186.62.13:33061)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-1(10.186.62.13:33061)
                                             </span>
@@ -23380,7 +23349,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <span
                                         aria-live="polite"
@@ -23416,7 +23385,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -23439,7 +23408,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test123
                                             </span>
@@ -24427,7 +24396,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; width: 0px; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -24475,7 +24444,6 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
               role="presentation"
             />
             <div
-              aria-label="mysql-1(10.186.62.13:33061)"
               aria-selected="true"
               id="databaseInfo_0_instanceName_list_1"
               role="option"
@@ -24483,7 +24451,6 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
               mysql-1
             </div>
             <div
-              aria-label="mysql-2(10.186.62.14:33062)"
               aria-selected="false"
               id="databaseInfo_0_instanceName_list_2"
               role="option"
@@ -24532,7 +24499,15 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-1(10.186.62.13:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-1(10.186.62.13:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -24549,7 +24524,15 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-2(10.186.62.14:33062)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-2(10.186.62.14:33062)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -24566,7 +24549,15 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                     <div
                       class="ant-select-item-option-content"
                     >
-                      xin-test-database(10.186.62.15:33063)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          xin-test-database(10.186.62.15:33063)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -24583,7 +24574,15 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-5(139.196.241.182:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-5(139.196.241.182:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -24620,7 +24619,15 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                     <div
                       class="ant-select-item-option-content"
                     >
-                      progres-1(10.186.62.16:5432)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          progres-1(10.186.62.16:5432)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -24657,7 +24664,15 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                     <div
                       class="ant-select-item-option-content"
                     >
-                      tidb-1(10.186.62.17:4000)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          tidb-1(10.186.62.17:4000)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -24677,7 +24692,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -25148,7 +25163,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -25177,32 +25192,13 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-1(10.186.62.13:33061)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-1(10.186.62.13:33061)
                                             </span>
@@ -25271,7 +25267,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <span
                                         aria-live="polite"
@@ -25307,7 +25303,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -25330,7 +25326,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test123
                                             </span>
@@ -26322,7 +26318,7 @@ from
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; width: 0px; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -26370,7 +26366,6 @@ from
               role="presentation"
             />
             <div
-              aria-label="mysql-1(10.186.62.13:33061)"
               aria-selected="true"
               id="databaseInfo_0_instanceName_list_1"
               role="option"
@@ -26378,7 +26373,6 @@ from
               mysql-1
             </div>
             <div
-              aria-label="mysql-2(10.186.62.14:33062)"
               aria-selected="false"
               id="databaseInfo_0_instanceName_list_2"
               role="option"
@@ -26427,7 +26421,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-1(10.186.62.13:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-1(10.186.62.13:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -26444,7 +26446,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-2(10.186.62.14:33062)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-2(10.186.62.14:33062)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -26461,7 +26471,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      xin-test-database(10.186.62.15:33063)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          xin-test-database(10.186.62.15:33063)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -26478,7 +26496,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-5(139.196.241.182:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-5(139.196.241.182:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -26515,7 +26541,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      progres-1(10.186.62.16:5432)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          progres-1(10.186.62.16:5432)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -26552,7 +26586,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      tidb-1(10.186.62.17:4000)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          tidb-1(10.186.62.17:4000)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -26572,7 +26614,7 @@ from
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -27127,7 +27169,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -27156,32 +27198,13 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-1(10.186.62.13:33061)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-1(10.186.62.13:33061)
                                             </span>
@@ -27250,7 +27273,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <span
                                         aria-live="polite"
@@ -27286,7 +27309,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -27309,7 +27332,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot UI and perform SQL audit in
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test123
                                             </span>
@@ -28871,7 +28894,7 @@ from
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; width: 0px; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -28919,7 +28942,6 @@ from
               role="presentation"
             />
             <div
-              aria-label="mysql-1(10.186.62.13:33061)"
               aria-selected="true"
               id="databaseInfo_0_instanceName_list_1"
               role="option"
@@ -28927,7 +28949,6 @@ from
               mysql-1
             </div>
             <div
-              aria-label="mysql-2(10.186.62.14:33062)"
               aria-selected="false"
               id="databaseInfo_0_instanceName_list_2"
               role="option"
@@ -28976,7 +28997,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-1(10.186.62.13:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-1(10.186.62.13:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -28993,7 +29022,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-2(10.186.62.14:33062)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-2(10.186.62.14:33062)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -29010,7 +29047,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      xin-test-database(10.186.62.15:33063)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          xin-test-database(10.186.62.15:33063)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -29027,7 +29072,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-5(139.196.241.182:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-5(139.196.241.182:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -29064,7 +29117,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      progres-1(10.186.62.16:5432)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          progres-1(10.186.62.16:5432)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -29101,7 +29162,15 @@ from
                     <div
                       class="ant-select-item-option-content"
                     >
-                      tidb-1(10.186.62.17:4000)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          tidb-1(10.186.62.17:4000)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -29121,7 +29190,7 @@ from
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -29660,7 +29729,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow ant-select-loading"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow ant-select-loading"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -29782,7 +29851,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -30923,7 +30992,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -30952,32 +31021,13 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-1(10.186.62.13:33061)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-1(10.186.62.13:33061)
                                             </span>
@@ -31046,7 +31096,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -31076,7 +31126,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -31099,7 +31149,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test
                                             </span>
@@ -31274,7 +31324,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -31303,32 +31353,13 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-1(10.186.62.13:33061)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-1(10.186.62.13:33061)
                                             </span>
@@ -31397,7 +31428,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -31427,7 +31458,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -31450,7 +31481,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test
                                             </span>
@@ -31625,7 +31656,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -31654,32 +31685,13 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="mysql-1(10.186.62.13:33061)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               mysql-1(10.186.62.13:33061)
                                             </span>
@@ -31748,7 +31760,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -31778,7 +31790,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -31801,7 +31813,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test
                                             </span>
@@ -34083,7 +34095,7 @@ exports[`sqle/SqlExecWorkflow/Create should snapshot render initial workflow cre
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -34694,7 +34706,7 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
                                   >
                                     <div
                                       aria-required="true"
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                     >
                                       <div
                                         class="ant-select-selector"
@@ -34723,32 +34735,13 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
                                         </span>
                                         <span
                                           class="ant-select-selection-item"
+                                          title="xin-test-database(10.186.62.15:33063)"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="instance-option-label"
                                           >
                                             <span
-                                              class="custom-select-option-content-prefix"
-                                            >
-                                              <span
-                                                class="css-u3jcp4"
-                                              >
-                                                <svg
-                                                  color="#4583FF"
-                                                  height="18"
-                                                  viewBox="0 0 18 18"
-                                                  width="18"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <path
-                                                    d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                    fill="currentColor"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                            <span
-                                              class="custom-select-option-content-label"
+                                              style="white-space: nowrap;"
                                             >
                                               xin-test-database(10.186.62.15:33063)
                                             </span>
@@ -34817,7 +34810,7 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
                                     class="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                     >
                                       <span
                                         aria-live="polite"
@@ -34853,7 +34846,7 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
                                           class="ant-select-selection-item"
                                         >
                                           <span
-                                            class="custom-select-option-content css-17mg133"
+                                            class="custom-select-option-content css-1xzd9w3"
                                           >
                                             <span
                                               class="custom-select-option-content-prefix"
@@ -34876,7 +34869,7 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
                                               </span>
                                             </span>
                                             <span
-                                              class="custom-select-option-content-label"
+                                              class="custom-select-option-content-label is-text-label"
                                             >
                                               test
                                             </span>
@@ -35979,7 +35972,7 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; width: 0px; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -36027,7 +36020,6 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
               role="presentation"
             />
             <div
-              aria-label="mysql-1(10.186.62.13:33061)"
               aria-selected="false"
               id="databaseInfo_0_instanceName_list_1"
               role="option"
@@ -36035,7 +36027,6 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
               mysql-1
             </div>
             <div
-              aria-label="mysql-2(10.186.62.14:33062)"
               aria-selected="false"
               id="databaseInfo_0_instanceName_list_2"
               role="option"
@@ -36084,7 +36075,15 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-1(10.186.62.13:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-1(10.186.62.13:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -36101,7 +36100,15 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-2(10.186.62.14:33062)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-2(10.186.62.14:33062)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -36118,7 +36125,15 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
                     <div
                       class="ant-select-item-option-content"
                     >
-                      xin-test-database(10.186.62.15:33063)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          xin-test-database(10.186.62.15:33063)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -36135,7 +36150,15 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-5(139.196.241.182:33061)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-5(139.196.241.182:33061)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -36172,7 +36195,15 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
                     <div
                       class="ant-select-item-option-content"
                     >
-                      progres-1(10.186.62.16:5432)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          progres-1(10.186.62.16:5432)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -36209,7 +36240,15 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
                     <div
                       class="ant-select-item-option-content"
                     >
-                      tidb-1(10.186.62.17:4000)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          tidb-1(10.186.62.17:4000)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -36229,7 +36268,7 @@ exports[`sqle/SqlExecWorkflow/Create should validate "workflow_subject" and prev
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Create/components/AuditResultStep/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlExecWorkflow/Create/components/AuditResultStep/__tests__/__snapshots__/index.test.tsx.snap
index 4de1e0c167..b3a80dc6ab 100644
--- a/packages/sqle/src/page/SqlExecWorkflow/Create/components/AuditResultStep/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlExecWorkflow/Create/components/AuditResultStep/__tests__/__snapshots__/index.test.tsx.snap
@@ -1540,7 +1540,7 @@ exports[`test AuditResultStep render switch data source backup policy 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Create/components/FormStep/SqlAuditInfoForm/SqlAuditInfoFormItem/DatabaseSelectionItems/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlExecWorkflow/Create/components/FormStep/SqlAuditInfoForm/SqlAuditInfoFormItem/DatabaseSelectionItems/__tests__/__snapshots__/index.test.tsx.snap
index 4f310172d8..9978713b9b 100644
--- a/packages/sqle/src/page/SqlExecWorkflow/Create/components/FormStep/SqlAuditInfoForm/SqlAuditInfoFormItem/DatabaseSelectionItems/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlExecWorkflow/Create/components/FormStep/SqlAuditInfoForm/SqlAuditInfoFormItem/DatabaseSelectionItems/__tests__/__snapshots__/index.test.tsx.snap
@@ -99,7 +99,7 @@ exports[`test DatabaseSelectionItems cloudbeaver navigate should decompress comp
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow ant-select-loading"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow ant-select-loading"
                       >
                         <div
                           class="ant-select-selector"
@@ -195,7 +195,7 @@ exports[`test DatabaseSelectionItems cloudbeaver navigate should decompress comp
                       class="ant-form-item-control-input-content"
                     >
                       <div
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -508,7 +508,7 @@ exports[`test DatabaseSelectionItems should match snapshot 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -630,7 +630,7 @@ exports[`test DatabaseSelectionItems should match snapshot 1`] = `
                       class="ant-form-item-control-input-content"
                     >
                       <div
-                        class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                       >
                         <div
                           class="ant-select-selector"
@@ -953,7 +953,7 @@ exports[`test DatabaseSelectionItems should match snapshot when isAssociationVer
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -1075,7 +1075,7 @@ exports[`test DatabaseSelectionItems should match snapshot when isAssociationVer
                       class="ant-form-item-control-input-content"
                     >
                       <div
-                        class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                       >
                         <div
                           class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Create/components/FormStep/SqlAuditInfoForm/SqlAuditInfoFormItem/DatabaseSelectionItems/index.tsx b/packages/sqle/src/page/SqlExecWorkflow/Create/components/FormStep/SqlAuditInfoForm/SqlAuditInfoFormItem/DatabaseSelectionItems/index.tsx
index c965c61d13..11be1167fa 100644
--- a/packages/sqle/src/page/SqlExecWorkflow/Create/components/FormStep/SqlAuditInfoForm/SqlAuditInfoFormItem/DatabaseSelectionItems/index.tsx
+++ b/packages/sqle/src/page/SqlExecWorkflow/Create/components/FormStep/SqlAuditInfoForm/SqlAuditInfoFormItem/DatabaseSelectionItems/index.tsx
@@ -222,7 +222,11 @@ const DatabaseSelectionItem: React.FC<DatabaseSelectionItemProps> = ({
                               ? versionFirstStageInstanceOptions
                               : instanceOptions
                           }
-                          onChange={(name) => {
+                          onChange={(
+                            name: Parameters<
+                              NonNullable<SelectProps['onChange']>
+                            >[0]
+                          ) => {
                             form.setFieldValue(
                               ['databaseInfo', field.name, 'instanceSchema'],
                               undefined
@@ -240,8 +244,15 @@ const DatabaseSelectionItem: React.FC<DatabaseSelectionItemProps> = ({
                             !form.getFieldValue('databaseInfo')?.[index]
                               ?.instanceName
                           }
-                          onChange={(value) =>
-                            handleInstanceSchemaChange(fieldKey, value)
+                          onChange={(
+                            value: Parameters<
+                              NonNullable<SelectProps['onChange']>
+                            >[0]
+                          ) =>
+                            handleInstanceSchemaChange(
+                              fieldKey,
+                              value as string
+                            )
                           }
                           prefix={
                             <CommonIconStyleWrapper>
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Detail/components/SqlRollback/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlExecWorkflow/Detail/components/SqlRollback/__tests__/__snapshots__/index.test.tsx.snap
index 75f41080de..3c52f2b605 100644
--- a/packages/sqle/src/page/SqlExecWorkflow/Detail/components/SqlRollback/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlExecWorkflow/Detail/components/SqlRollback/__tests__/__snapshots__/index.test.tsx.snap
@@ -96,7 +96,7 @@ exports[`sqle/ExecWorkflow/Detail/SqlRollback render isAtRollbackStep is true 1`
                       style="margin-right: 12px; padding-bottom: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -154,7 +154,7 @@ exports[`sqle/ExecWorkflow/Detail/SqlRollback render isAtRollbackStep is true 1`
                       style="padding-bottom: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -1168,7 +1168,7 @@ exports[`sqle/ExecWorkflow/Detail/SqlRollback render select rollback sql 1`] = `
                       style="margin-right: 12px; padding-bottom: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -1226,7 +1226,7 @@ exports[`sqle/ExecWorkflow/Detail/SqlRollback render select rollback sql 1`] = `
                       style="padding-bottom: 12px;"
                     >
                       <div
-                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlInsights/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlInsights/__tests__/__snapshots__/index.test.tsx.snap
index 0db7c3821c..23053a7d80 100644
--- a/packages/sqle/src/page/SqlInsights/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlInsights/__tests__/__snapshots__/index.test.tsx.snap
@@ -21,7 +21,7 @@ exports[`SqlInsights should disable future time in date picker 1`] = `
             class="ant-space-item"
           >
             <div
-              class="ant-select ant-select-sm basic-select-wrapper instance-select css-x5nat1 ant-select-single ant-select-show-arrow"
+              class="ant-select ant-select-sm basic-select-wrapper instance-select css-16awv9j ant-select-single ant-select-show-arrow"
               style="width: 240px;"
             >
               <div
@@ -52,7 +52,15 @@ exports[`SqlInsights should disable future time in date picker 1`] = `
                   class="ant-select-selection-item"
                   title="mysql-1(10.186.62.13:33061)"
                 >
-                  mysql-1(10.186.62.13:33061)
+                  <span
+                    class="instance-option-label"
+                  >
+                    <span
+                      style="white-space: nowrap;"
+                    >
+                      mysql-1(10.186.62.13:33061)
+                    </span>
+                  </span>
                 </span>
               </div>
               <span
@@ -2200,7 +2208,7 @@ exports[`SqlInsights should disable future time in date picker 1`] = `
                 style="margin-right: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace auto-refresh-interval-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace auto-refresh-interval-select css-15f13hq ant-select-single ant-select-show-arrow"
                   style="width: 200px;"
                 >
                   <div
@@ -2231,7 +2239,7 @@ exports[`SqlInsights should disable future time in date picker 1`] = `
                       class="ant-select-selection-item"
                     >
                       <span
-                        class="custom-select-option-content css-17mg133"
+                        class="custom-select-option-content css-1xzd9w3"
                       >
                         <span
                           class="custom-select-option-content-prefix"
@@ -2239,7 +2247,7 @@ exports[`SqlInsights should disable future time in date picker 1`] = `
                           自动刷新时间间隔
                         </span>
                         <span
-                          class="custom-select-option-content-label"
+                          class="custom-select-option-content-label is-text-label"
                         >
                           1m
                         </span>
@@ -2602,7 +2610,7 @@ exports[`SqlInsights should disable future time in date picker 1`] = `
                 style="padding-bottom: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
                 >
                   <div
                     class="ant-select-selector"
@@ -2632,7 +2640,7 @@ exports[`SqlInsights should disable future time in date picker 1`] = `
                       class="ant-select-selection-item"
                     >
                       <span
-                        class="custom-select-option-content css-17mg133"
+                        class="custom-select-option-content css-1xzd9w3"
                       >
                         <span
                           class="custom-select-option-content-prefix"
@@ -2640,7 +2648,7 @@ exports[`SqlInsights should disable future time in date picker 1`] = `
                           来源
                         </span>
                         <span
-                          class="custom-select-option-content-label"
+                          class="custom-select-option-content-label is-text-label"
                         >
                           工单
                         </span>
@@ -2906,7 +2914,7 @@ exports[`SqlInsights should get related sql list when current date range is exit
             class="ant-space-item"
           >
             <div
-              class="ant-select ant-select-sm basic-select-wrapper instance-select css-x5nat1 ant-select-single ant-select-show-arrow"
+              class="ant-select ant-select-sm basic-select-wrapper instance-select css-16awv9j ant-select-single ant-select-show-arrow"
               style="width: 240px;"
             >
               <div
@@ -2937,7 +2945,15 @@ exports[`SqlInsights should get related sql list when current date range is exit
                   class="ant-select-selection-item"
                   title="mysql-1(10.186.62.13:33061)"
                 >
-                  mysql-1(10.186.62.13:33061)
+                  <span
+                    class="instance-option-label"
+                  >
+                    <span
+                      style="white-space: nowrap;"
+                    >
+                      mysql-1(10.186.62.13:33061)
+                    </span>
+                  </span>
                 </span>
               </div>
               <span
@@ -3073,7 +3089,7 @@ exports[`SqlInsights should get related sql list when current date range is exit
                 style="margin-right: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace auto-refresh-interval-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace auto-refresh-interval-select css-15f13hq ant-select-single ant-select-show-arrow"
                   style="width: 200px;"
                 >
                   <div
@@ -3104,7 +3120,7 @@ exports[`SqlInsights should get related sql list when current date range is exit
                       class="ant-select-selection-item"
                     >
                       <span
-                        class="custom-select-option-content css-17mg133"
+                        class="custom-select-option-content css-1xzd9w3"
                       >
                         <span
                           class="custom-select-option-content-prefix"
@@ -3112,7 +3128,7 @@ exports[`SqlInsights should get related sql list when current date range is exit
                           自动刷新时间间隔
                         </span>
                         <span
-                          class="custom-select-option-content-label"
+                          class="custom-select-option-content-label is-text-label"
                         >
                           1m
                         </span>
@@ -3349,7 +3365,7 @@ exports[`SqlInsights should get related sql list when current date range is exit
                 style="padding-bottom: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
                 >
                   <div
                     class="ant-select-selector"
@@ -3379,7 +3395,7 @@ exports[`SqlInsights should get related sql list when current date range is exit
                       class="ant-select-selection-item"
                     >
                       <span
-                        class="custom-select-option-content css-17mg133"
+                        class="custom-select-option-content css-1xzd9w3"
                       >
                         <span
                           class="custom-select-option-content-prefix"
@@ -3387,7 +3403,7 @@ exports[`SqlInsights should get related sql list when current date range is exit
                           来源
                         </span>
                         <span
-                          class="custom-select-option-content-label"
+                          class="custom-select-option-content-label is-text-label"
                         >
                           工单
                         </span>
@@ -3870,7 +3886,7 @@ exports[`SqlInsights should render component correctly 1`] = `
             class="ant-space-item"
           >
             <div
-              class="ant-select ant-select-sm basic-select-wrapper instance-select css-x5nat1 ant-select-single ant-select-show-arrow"
+              class="ant-select ant-select-sm basic-select-wrapper instance-select css-16awv9j ant-select-single ant-select-show-arrow"
               style="width: 240px;"
             >
               <div
@@ -3901,7 +3917,15 @@ exports[`SqlInsights should render component correctly 1`] = `
                   class="ant-select-selection-item"
                   title="mysql-1(10.186.62.13:33061)"
                 >
-                  mysql-1(10.186.62.13:33061)
+                  <span
+                    class="instance-option-label"
+                  >
+                    <span
+                      style="white-space: nowrap;"
+                    >
+                      mysql-1(10.186.62.13:33061)
+                    </span>
+                  </span>
                 </span>
               </div>
               <span
@@ -4037,7 +4061,7 @@ exports[`SqlInsights should render component correctly 1`] = `
                 style="margin-right: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace auto-refresh-interval-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-sm basic-select-wrapper custom-select-namespace auto-refresh-interval-select css-15f13hq ant-select-single ant-select-show-arrow"
                   style="width: 200px;"
                 >
                   <div
@@ -4068,7 +4092,7 @@ exports[`SqlInsights should render component correctly 1`] = `
                       class="ant-select-selection-item"
                     >
                       <span
-                        class="custom-select-option-content css-17mg133"
+                        class="custom-select-option-content css-1xzd9w3"
                       >
                         <span
                           class="custom-select-option-content-prefix"
@@ -4076,7 +4100,7 @@ exports[`SqlInsights should render component correctly 1`] = `
                           自动刷新时间间隔
                         </span>
                         <span
-                          class="custom-select-option-content-label"
+                          class="custom-select-option-content-label is-text-label"
                         >
                           1m
                         </span>
@@ -4311,7 +4335,7 @@ exports[`SqlInsights should render component correctly 1`] = `
                 style="padding-bottom: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
                 >
                   <div
                     class="ant-select-selector"
@@ -4341,7 +4365,7 @@ exports[`SqlInsights should render component correctly 1`] = `
                       class="ant-select-selection-item"
                     >
                       <span
-                        class="custom-select-option-content css-17mg133"
+                        class="custom-select-option-content css-1xzd9w3"
                       >
                         <span
                           class="custom-select-option-content-prefix"
@@ -4349,7 +4373,7 @@ exports[`SqlInsights should render component correctly 1`] = `
                           来源
                         </span>
                         <span
-                          class="custom-select-option-content-label"
+                          class="custom-select-option-content-label is-text-label"
                         >
                           工单
                         </span>
diff --git a/packages/sqle/src/page/SqlInsights/components/RelatedSqlList/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlInsights/components/RelatedSqlList/__tests__/__snapshots__/index.test.tsx.snap
index 78fe637e5c..54b2988b81 100644
--- a/packages/sqle/src/page/SqlInsights/components/RelatedSqlList/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlInsights/components/RelatedSqlList/__tests__/__snapshots__/index.test.tsx.snap
@@ -42,7 +42,7 @@ exports[`RelatedSqlList should render component with date range selected 1`] = `
           style="padding-bottom: 12px;"
         >
           <div
-            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-show-arrow"
+            class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-show-arrow"
           >
             <div
               class="ant-select-selector"
@@ -72,7 +72,7 @@ exports[`RelatedSqlList should render component with date range selected 1`] = `
                 class="ant-select-selection-item"
               >
                 <span
-                  class="custom-select-option-content css-17mg133"
+                  class="custom-select-option-content css-1xzd9w3"
                 >
                   <span
                     class="custom-select-option-content-prefix"
@@ -80,7 +80,7 @@ exports[`RelatedSqlList should render component with date range selected 1`] = `
                     来源
                   </span>
                   <span
-                    class="custom-select-option-content-label"
+                    class="custom-select-option-content-label is-text-label"
                   >
                     工单
                   </span>
diff --git a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentBatch/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentBatch/__snapshots__/index.test.tsx.snap
index 66e70eecc4..33b877dbc4 100644
--- a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentBatch/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentBatch/__snapshots__/index.test.tsx.snap
@@ -62,7 +62,7 @@ exports[`page/SqlManagement/AssignmentBatch close modal by click button 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -259,7 +259,7 @@ exports[`page/SqlManagement/AssignmentBatch update batch assign and submit chang
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentForm/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentForm/__snapshots__/index.test.tsx.snap
index 9ddd68fabf..88ab912af1 100644
--- a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentForm/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentForm/__snapshots__/index.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`page/SqlManagement/AssignmentForm disable select 1`] = `
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-disabled ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
@@ -135,7 +135,7 @@ exports[`page/SqlManagement/AssignmentForm render form when init 1`] = `
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
@@ -245,7 +245,7 @@ exports[`page/SqlManagement/AssignmentForm render form when not init 1`] = `
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 >
                   <div
                     class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentSingle/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentSingle/__snapshots__/index.test.tsx.snap
index 1057ab3a36..cdcf330e69 100644
--- a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentSingle/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/AssignmentSingle/__snapshots__/index.test.tsx.snap
@@ -62,7 +62,7 @@ exports[`page/SqlManagement/AssignmentSingle close modal by click button 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -259,7 +259,7 @@ exports[`page/SqlManagement/AssignmentSingle update single assign and submit cha
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/PushToCoding/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/PushToCoding/__tests__/__snapshots__/index.test.tsx.snap
index ac0109276e..eeabf3e34d 100644
--- a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/PushToCoding/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modals/PushToCoding/__tests__/__snapshots__/index.test.tsx.snap
@@ -111,7 +111,7 @@ exports[`page/SqlManagement/PushToCodingModal render init snap 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -205,7 +205,7 @@ exports[`page/SqlManagement/PushToCodingModal render init snap 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/__snapshots__/index.test.tsx.snap
index 9297778bb1..cfc02843c6 100644
--- a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/__snapshots__/index.test.tsx.snap
@@ -487,7 +487,7 @@ exports[`page/SqlManagement/SQLEEIndex filter data with rule name 1`] = `
             style="margin-right: 12px; padding-bottom: 12px;"
           >
             <div
-              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
             >
               <div
                 class="ant-select-selector"
@@ -545,7 +545,7 @@ exports[`page/SqlManagement/SQLEEIndex filter data with rule name 1`] = `
             style="margin-right: 12px; padding-bottom: 12px;"
           >
             <div
-              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
             >
               <div
                 class="ant-select-selector"
@@ -607,7 +607,7 @@ exports[`page/SqlManagement/SQLEEIndex filter data with rule name 1`] = `
             style="margin-right: 12px; padding-bottom: 12px;"
           >
             <div
-              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
             >
               <div
                 class="ant-select-selector"
@@ -669,7 +669,7 @@ exports[`page/SqlManagement/SQLEEIndex filter data with rule name 1`] = `
             style="margin-right: 12px; padding-bottom: 12px;"
           >
             <div
-              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
             >
               <div
                 class="ant-select-selector"
@@ -792,7 +792,7 @@ exports[`page/SqlManagement/SQLEEIndex filter data with rule name 1`] = `
             style="padding-bottom: 12px;"
           >
             <div
-              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-open"
+              class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-focused ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-open"
             >
               <div
                 class="ant-select-selector"
@@ -1579,7 +1579,7 @@ exports[`page/SqlManagement/SQLEEIndex filter data with rule name 1`] = `
   <div>
     <div
       class="ant-select-dropdown custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; padding: 0px; width: 400px; min-width: 0;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: max-content; padding: 0px; width: 400px;"
     >
       <div>
         <span
diff --git a/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/DataSourceSelection/index.tsx b/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/DataSourceSelection/index.tsx
index 90f47d0dac..06f95866fb 100644
--- a/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/DataSourceSelection/index.tsx
+++ b/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/DataSourceSelection/index.tsx
@@ -1,7 +1,8 @@
 import {
   CustomLabelContent,
   FormItemLabel,
-  FormItemSubTitle
+  FormItemSubTitle,
+  environmentTagSelectProps
 } from '@actiontech/dms-kit';
 import { useTranslation } from 'react-i18next';
 import { BasicSelect } from '@actiontech/dms-kit';
@@ -146,6 +147,7 @@ const DataSourceSelection: React.FC = () => {
         ]}
       >
         <BasicSelect
+          {...environmentTagSelectProps}
           loading={getEnvironmentListLoading}
           disabled={formItemDisabled}
           options={environmentOptions}
@@ -194,6 +196,7 @@ const DataSourceSelection: React.FC = () => {
         className="has-required-style has-label-tip"
       >
         <BasicSelect
+          {...environmentTagSelectProps}
           showSearch
           filterOption={filterOptionByLabel}
           disabled={formItemDisabled}
diff --git a/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/ScanTypesDynamicParams/HighPriorityConditions/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/ScanTypesDynamicParams/HighPriorityConditions/__tests__/__snapshots__/index.test.tsx.snap
index ebfb83bf50..69ac101403 100644
--- a/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/ScanTypesDynamicParams/HighPriorityConditions/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/ScanTypesDynamicParams/HighPriorityConditions/__tests__/__snapshots__/index.test.tsx.snap
@@ -192,7 +192,7 @@ exports[`test HighPriorityConditions should match snapshot 2`] = `
                 >
                   <div
                     aria-required="true"
-                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     data-testid="audit_level_operator"
                   >
                     <div
@@ -281,7 +281,7 @@ exports[`test HighPriorityConditions should match snapshot 2`] = `
                 >
                   <div
                     aria-required="true"
-                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     data-testid="audit_level_value"
                   >
                     <div
diff --git a/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/DataSourceSelection.test.tsx.snap b/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/DataSourceSelection.test.tsx.snap
index 9c9364fabb..3ec52ce9a5 100644
--- a/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/DataSourceSelection.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/DataSourceSelection.test.tsx.snap
@@ -38,7 +38,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should match
             >
               <div
                 aria-required="true"
-                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                class="ant-select ant-select-in-form-item basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
               >
                 <div
                   class="ant-select-selector"
@@ -131,7 +131,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should match
             >
               <div
                 aria-required="true"
-                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
               >
                 <div
                   class="ant-select-selector"
@@ -212,7 +212,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should match
               class="ant-form-item-control-input-content"
             >
               <div
-                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
               >
                 <div
                   class="ant-select-selector"
@@ -315,7 +315,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should match
             >
               <div
                 aria-required="true"
-                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                class="ant-select ant-select-in-form-item basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
               >
                 <div
                   class="ant-select-selector"
@@ -419,7 +419,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should match
             >
               <div
                 aria-required="true"
-                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-loading"
+                class="ant-select ant-select-in-form-item basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-loading"
               >
                 <div
                   class="ant-select-selector"
@@ -513,7 +513,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should match
             >
               <div
                 aria-required="true"
-                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-loading"
+                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled ant-select-loading"
               >
                 <div
                   class="ant-select-selector"
@@ -595,7 +595,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should match
               class="ant-form-item-control-input-content"
             >
               <div
-                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
               >
                 <div
                   class="ant-select-selector"
@@ -698,7 +698,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should match
             >
               <div
                 aria-required="true"
-                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                class="ant-select ant-select-in-form-item basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
               >
                 <div
                   class="ant-select-selector"
@@ -803,7 +803,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should set f
             >
               <div
                 aria-required="true"
-                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
               >
                 <div
                   class="ant-select-selector"
@@ -835,7 +835,16 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should set f
                     class="ant-select-selection-item"
                     title="environment-1"
                   >
-                    environment-1
+                    <span
+                      class="css-1acawoa"
+                      color="#8C8C8C"
+                    >
+                      <span
+                        class="environment-tag-name"
+                      >
+                        environment-1
+                      </span>
+                    </span>
                   </span>
                 </div>
                 <span
@@ -898,7 +907,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should set f
             >
               <div
                 aria-required="true"
-                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
               >
                 <div
                   class="ant-select-selector"
@@ -981,7 +990,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should set f
               class="ant-form-item-control-input-content"
             >
               <div
-                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
               >
                 <div
                   class="ant-select-selector"
@@ -1011,7 +1020,15 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should set f
                     class="ant-select-selection-item"
                     title="mysql-1(10.186.62.13:33061)"
                   >
-                    mysql-1(10.186.62.13:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-1(10.186.62.13:33061)
+                      </span>
+                    </span>
                   </span>
                 </div>
                 <span
@@ -1085,7 +1102,7 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should set f
             >
               <div
                 aria-required="true"
-                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
               >
                 <div
                   class="ant-select-selector"
@@ -1114,7 +1131,15 @@ exports[`test SqlManagementConf/common/ConfForm/DataSourceSelection should set f
                     class="ant-select-selection-item"
                     title="mysql-1(10.186.62.13:33061)"
                   >
-                    mysql-1(10.186.62.13:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-1(10.186.62.13:33061)
+                      </span>
+                    </span>
                   </span>
                 </div>
                 <span
diff --git a/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/ScanTypesDynamicParams.test.tsx.snap b/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/ScanTypesDynamicParams.test.tsx.snap
index ba29b5b281..42ca3c0422 100644
--- a/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/ScanTypesDynamicParams.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/ScanTypesDynamicParams.test.tsx.snap
@@ -168,7 +168,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render defaultValue is de
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -650,7 +650,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render defaultValue is de
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="query_time_avg_operator"
                         >
                           <div
@@ -851,7 +851,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render defaultValue is de
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="row_examined_avg_operator"
                         >
                           <div
@@ -1052,7 +1052,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render defaultValue is de
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="audit_level_operator"
                         >
                           <div
@@ -1140,7 +1140,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render defaultValue is de
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="audit_level_value"
                         >
                           <div
@@ -1295,7 +1295,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render defaultValue is de
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -1535,7 +1535,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render init snap shot 1`]
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -2077,7 +2077,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render init snap shot 1`]
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="query_time_avg_operator"
                         >
                           <div
@@ -2278,7 +2278,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render init snap shot 1`]
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="row_examined_avg_operator"
                         >
                           <div
@@ -2479,7 +2479,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render init snap shot 1`]
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="audit_level_operator"
                         >
                           <div
@@ -2567,7 +2567,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render init snap shot 1`]
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="audit_level_value"
                         >
                           <div
@@ -2722,7 +2722,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render init snap shot 1`]
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -3083,7 +3083,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render submitLoading is t
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
@@ -3633,7 +3633,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render submitLoading is t
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="query_time_avg_operator"
                         >
                           <div
@@ -3835,7 +3835,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render submitLoading is t
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="row_examined_avg_operator"
                         >
                           <div
@@ -4037,7 +4037,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render submitLoading is t
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="audit_level_operator"
                         >
                           <div
@@ -4125,7 +4125,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render submitLoading is t
                         class="ant-form-item-control-input-content"
                       >
                         <div
-                          class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           data-testid="audit_level_value"
                         >
                           <div
@@ -4281,7 +4281,7 @@ exports[`test SqlManagementConf/ScanTypesDynamicParams render submitLoading is t
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                      class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                     >
                       <div
                         class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/index.test.tsx.snap
index 3df0033a78..4c93bcadf8 100644
--- a/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagementConf/Common/ConfForm/__tests__/__snapshots__/index.test.tsx.snap
@@ -72,7 +72,7 @@ exports[`test sqle/SqlManagementConf/ConfForm render init snap shot 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -165,7 +165,7 @@ exports[`test sqle/SqlManagementConf/ConfForm render init snap shot 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -246,7 +246,7 @@ exports[`test sqle/SqlManagementConf/ConfForm render init snap shot 1`] = `
                       class="ant-form-item-control-input-content"
                     >
                       <div
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -349,7 +349,7 @@ exports[`test sqle/SqlManagementConf/ConfForm render init snap shot 1`] = `
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                        class="ant-select ant-select-in-form-item basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
                       >
                         <div
                           class="ant-select-selector"
@@ -552,7 +552,7 @@ exports[`test sqle/SqlManagementConf/ConfForm render snap shot when defaultValue
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                       >
                         <div
                           class="ant-select-selector"
@@ -584,7 +584,16 @@ exports[`test sqle/SqlManagementConf/ConfForm render snap shot when defaultValue
                             class="ant-select-selection-item"
                             title="environment-1"
                           >
-                            environment-1
+                            <span
+                              class="css-1acawoa"
+                              color="#8C8C8C"
+                            >
+                              <span
+                                class="environment-tag-name"
+                              >
+                                environment-1
+                              </span>
+                            </span>
                           </span>
                         </div>
                         <span
@@ -647,7 +656,7 @@ exports[`test sqle/SqlManagementConf/ConfForm render snap shot when defaultValue
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                       >
                         <div
                           class="ant-select-selector"
@@ -730,7 +739,7 @@ exports[`test sqle/SqlManagementConf/ConfForm render snap shot when defaultValue
                       class="ant-form-item-control-input-content"
                     >
                       <div
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
@@ -760,7 +769,15 @@ exports[`test sqle/SqlManagementConf/ConfForm render snap shot when defaultValue
                             class="ant-select-selection-item"
                             title="mysql-1(10.186.62.13:33061)"
                           >
-                            mysql-1(10.186.62.13:33061)
+                            <span
+                              class="instance-option-label"
+                            >
+                              <span
+                                style="white-space: nowrap;"
+                              >
+                                mysql-1(10.186.62.13:33061)
+                              </span>
+                            </span>
                           </span>
                         </div>
                         <span
@@ -834,7 +851,7 @@ exports[`test sqle/SqlManagementConf/ConfForm render snap shot when defaultValue
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
                       >
                         <div
                           class="ant-select-selector"
@@ -863,7 +880,15 @@ exports[`test sqle/SqlManagementConf/ConfForm render snap shot when defaultValue
                             class="ant-select-selection-item"
                             title="mysql-1(10.186.62.13:33061)"
                           >
-                            mysql-1(10.186.62.13:33061)
+                            <span
+                              class="instance-option-label"
+                            >
+                              <span
+                                style="white-space: nowrap;"
+                              >
+                                mysql-1(10.186.62.13:33061)
+                              </span>
+                            </span>
                           </span>
                         </div>
                         <span
@@ -1281,7 +1306,7 @@ exports[`test sqle/SqlManagementConf/ConfForm render snap shot when defaultValue
                     >
                       <div
                         aria-required="true"
-                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                        class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                       >
                         <div
                           class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlManagementConf/Create/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagementConf/Create/__tests__/__snapshots__/index.test.tsx.snap
index 5740aaf11a..f191d66400 100644
--- a/packages/sqle/src/page/SqlManagementConf/Create/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagementConf/Create/__tests__/__snapshots__/index.test.tsx.snap
@@ -145,7 +145,7 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           >
                             <div
                               class="ant-select-selector"
@@ -240,7 +240,7 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                           >
                             <div
                               class="ant-select-selector"
@@ -323,7 +323,7 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -353,7 +353,15 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -427,7 +435,7 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -456,7 +464,15 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -693,7 +709,7 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                           >
                             <div
                               class="ant-select-selector"
@@ -788,7 +804,7 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                           >
                             <div
                               class="ant-select-selector"
@@ -871,7 +887,7 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -901,7 +917,15 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -975,7 +999,7 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -1004,7 +1028,15 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -1737,7 +1769,7 @@ exports[`test sqle/SqlManagementConf/Create create audit plan when current url h
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2528,7 +2560,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2559,7 +2591,16 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                                 class="ant-select-selection-item"
                                 title="environment-1"
                               >
-                                environment-1
+                                <span
+                                  class="css-1acawoa"
+                                  color="#8C8C8C"
+                                >
+                                  <span
+                                    class="environment-tag-name"
+                                  >
+                                    environment-1
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -2622,7 +2663,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2722,7 +2763,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -2752,7 +2793,15 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -2826,7 +2875,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -2854,7 +2903,15 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -3095,54 +3152,45 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
   </div>
   <div>
     <div
-      class="ant-select-dropdown ant-select-dropdown-hidden ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: 0; width: 0px; pointer-events: none;"
+      class="ant-select-dropdown ant-select-dropdown-hidden environment-tag-select-dropdown ant-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; pointer-events: none;"
     >
       <div>
-        <div
-          id="environmentTag_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
-        >
-          <div
-            aria-label="environment-1"
-            aria-selected="true"
-            id="environmentTag_list_0"
-            role="option"
-          >
-            1
-          </div>
-          <div
-            aria-label="environment-2"
-            aria-selected="false"
-            id="environmentTag_list_1"
-            role="option"
-          >
-            2
-          </div>
-        </div>
         <div
           class="rc-virtual-list"
           style="position: relative;"
         >
           <div
             class="rc-virtual-list-holder"
-            style="max-height: 256px; overflow-y: hidden;"
+            style="max-height: 256px; overflow-y: auto;"
           >
             <div>
               <div
                 class="rc-virtual-list-holder-inner"
+                id="environmentTag_list"
+                role="listbox"
                 style="display: flex; flex-direction: column;"
               >
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                  id="environmentTag_list_0"
+                  role="option"
                   title="environment-1"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    environment-1
+                    <span
+                      class="css-1acawoa"
+                      color="#8C8C8C"
+                    >
+                      <span
+                        class="environment-tag-name"
+                      >
+                        environment-1
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -3154,12 +3202,23 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option"
+                  id="environmentTag_list_1"
+                  role="option"
                   title="environment-2"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    environment-2
+                    <span
+                      class="css-1acawoa"
+                      color="#8C8C8C"
+                    >
+                      <span
+                        class="environment-tag-name"
+                      >
+                        environment-2
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -3244,48 +3303,23 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
   </div>
   <div>
     <div
-      class="ant-select-dropdown ant-select-dropdown-hidden ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: 0; width: 0px; pointer-events: none;"
+      class="ant-select-dropdown ant-select-dropdown-hidden environment-tag-select-dropdown ant-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; pointer-events: none;"
     >
       <div>
-        <div
-          id="instanceId_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
-        >
-          <div
-            aria-selected="false"
-            id="instanceId_list_0"
-            role="presentation"
-          />
-          <div
-            aria-label="mysql-1(10.186.62.13:33061)"
-            aria-selected="true"
-            id="instanceId_list_1"
-            role="option"
-          >
-            1739531854064652288
-          </div>
-          <div
-            aria-label="mysql-2(10.186.62.14:33062)"
-            aria-selected="false"
-            id="instanceId_list_2"
-            role="option"
-          >
-            1739531942258282496
-          </div>
-        </div>
         <div
           class="rc-virtual-list"
           style="position: relative;"
         >
           <div
             class="rc-virtual-list-holder"
-            style="max-height: 256px; overflow-y: hidden;"
+            style="max-height: 256px; overflow-y: auto;"
           >
             <div>
               <div
                 class="rc-virtual-list-holder-inner"
+                id="instanceId_list"
+                role="listbox"
                 style="display: flex; flex-direction: column;"
               >
                 <div
@@ -3308,12 +3342,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active ant-select-item-option-selected"
+                  id="instanceId_list_1"
+                  role="option"
                   title="mysql-1(10.186.62.13:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-1(10.186.62.13:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-1(10.186.62.13:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -3325,12 +3369,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_2"
+                  role="option"
                   title="mysql-2(10.186.62.14:33062)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-2(10.186.62.14:33062)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-2(10.186.62.14:33062)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -3342,12 +3396,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_3"
+                  role="option"
                   title="xin-test-database(10.186.62.15:33063)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    xin-test-database(10.186.62.15:33063)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        xin-test-database(10.186.62.15:33063)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -3359,12 +3423,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_4"
+                  role="option"
                   title="mysql-5(139.196.241.182:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-5(139.196.241.182:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-5(139.196.241.182:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -3393,12 +3467,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_6"
+                  role="option"
                   title="progres-1(10.186.62.16:5432)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    progres-1(10.186.62.16:5432)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        progres-1(10.186.62.16:5432)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -3427,12 +3511,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 1`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_8"
+                  role="option"
                   title="tidb-1(10.186.62.17:4000)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    tidb-1(10.186.62.17:4000)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        tidb-1(10.186.62.17:4000)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -3596,7 +3690,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3627,7 +3721,16 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                                 class="ant-select-selection-item"
                                 title="environment-1"
                               >
-                                environment-1
+                                <span
+                                  class="css-1acawoa"
+                                  color="#8C8C8C"
+                                >
+                                  <span
+                                    class="environment-tag-name"
+                                  >
+                                    environment-1
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -3690,7 +3793,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3790,7 +3893,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -3820,7 +3923,15 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -3894,7 +4005,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -3922,7 +4033,15 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -4367,7 +4486,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4503,7 +4622,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -4750,7 +4869,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -5299,7 +5418,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -5435,7 +5554,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -5569,7 +5688,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -5673,7 +5792,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -5766,54 +5885,45 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
   </div>
   <div>
     <div
-      class="ant-select-dropdown ant-select-dropdown-hidden ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: 0; width: 0px; pointer-events: none;"
+      class="ant-select-dropdown ant-select-dropdown-hidden environment-tag-select-dropdown ant-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; pointer-events: none;"
     >
       <div>
-        <div
-          id="environmentTag_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
-        >
-          <div
-            aria-label="environment-1"
-            aria-selected="true"
-            id="environmentTag_list_0"
-            role="option"
-          >
-            1
-          </div>
-          <div
-            aria-label="environment-2"
-            aria-selected="false"
-            id="environmentTag_list_1"
-            role="option"
-          >
-            2
-          </div>
-        </div>
         <div
           class="rc-virtual-list"
           style="position: relative;"
         >
           <div
             class="rc-virtual-list-holder"
-            style="max-height: 256px; overflow-y: hidden;"
+            style="max-height: 256px; overflow-y: auto;"
           >
             <div>
               <div
                 class="rc-virtual-list-holder-inner"
+                id="environmentTag_list"
+                role="listbox"
                 style="display: flex; flex-direction: column;"
               >
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                  id="environmentTag_list_0"
+                  role="option"
                   title="environment-1"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    environment-1
+                    <span
+                      class="css-1acawoa"
+                      color="#8C8C8C"
+                    >
+                      <span
+                        class="environment-tag-name"
+                      >
+                        environment-1
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -5825,12 +5935,23 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option"
+                  id="environmentTag_list_1"
+                  role="option"
                   title="environment-2"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    environment-2
+                    <span
+                      class="css-1acawoa"
+                      color="#8C8C8C"
+                    >
+                      <span
+                        class="environment-tag-name"
+                      >
+                        environment-2
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -5915,48 +6036,23 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
   </div>
   <div>
     <div
-      class="ant-select-dropdown ant-select-dropdown-hidden ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: 0; width: 0px; pointer-events: none;"
+      class="ant-select-dropdown ant-select-dropdown-hidden environment-tag-select-dropdown ant-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; pointer-events: none;"
     >
       <div>
-        <div
-          id="instanceId_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
-        >
-          <div
-            aria-selected="false"
-            id="instanceId_list_0"
-            role="presentation"
-          />
-          <div
-            aria-label="mysql-1(10.186.62.13:33061)"
-            aria-selected="true"
-            id="instanceId_list_1"
-            role="option"
-          >
-            1739531854064652288
-          </div>
-          <div
-            aria-label="mysql-2(10.186.62.14:33062)"
-            aria-selected="false"
-            id="instanceId_list_2"
-            role="option"
-          >
-            1739531942258282496
-          </div>
-        </div>
         <div
           class="rc-virtual-list"
           style="position: relative;"
         >
           <div
             class="rc-virtual-list-holder"
-            style="max-height: 256px; overflow-y: hidden;"
+            style="max-height: 256px; overflow-y: auto;"
           >
             <div>
               <div
                 class="rc-virtual-list-holder-inner"
+                id="instanceId_list"
+                role="listbox"
                 style="display: flex; flex-direction: column;"
               >
                 <div
@@ -5979,12 +6075,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active ant-select-item-option-selected"
+                  id="instanceId_list_1"
+                  role="option"
                   title="mysql-1(10.186.62.13:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-1(10.186.62.13:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-1(10.186.62.13:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -5996,12 +6102,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_2"
+                  role="option"
                   title="mysql-2(10.186.62.14:33062)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-2(10.186.62.14:33062)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-2(10.186.62.14:33062)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -6013,12 +6129,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_3"
+                  role="option"
                   title="xin-test-database(10.186.62.15:33063)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    xin-test-database(10.186.62.15:33063)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        xin-test-database(10.186.62.15:33063)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -6030,12 +6156,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_4"
+                  role="option"
                   title="mysql-5(139.196.241.182:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-5(139.196.241.182:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-5(139.196.241.182:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -6064,12 +6200,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_6"
+                  role="option"
                   title="progres-1(10.186.62.16:5432)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    progres-1(10.186.62.16:5432)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        progres-1(10.186.62.16:5432)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -6098,12 +6244,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 2`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_8"
+                  role="option"
                   title="tidb-1(10.186.62.17:4000)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    tidb-1(10.186.62.17:4000)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        tidb-1(10.186.62.17:4000)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -6237,7 +6393,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -6268,7 +6424,16 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                                 class="ant-select-selection-item"
                                 title="environment-1"
                               >
-                                environment-1
+                                <span
+                                  class="css-1acawoa"
+                                  color="#8C8C8C"
+                                >
+                                  <span
+                                    class="environment-tag-name"
+                                  >
+                                    environment-1
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -6331,7 +6496,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -6431,7 +6596,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -6461,7 +6626,15 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -6535,7 +6708,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -6563,7 +6736,15 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -7008,7 +7189,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -7144,7 +7325,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -7391,7 +7572,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -7952,7 +8133,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                               class="ant-form-item-control-input-content"
                             >
                               <div
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                                 data-testid="query_time_avg_operator"
                               >
                                 <div
@@ -8151,7 +8332,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                 data-testid="row_examined_avg_operator"
                               >
                                 <div
@@ -8353,7 +8534,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                 data-testid="audit_level_operator"
                               >
                                 <div
@@ -8442,7 +8623,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                 data-testid="audit_level_value"
                               >
                                 <div
@@ -8597,7 +8778,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -8733,7 +8914,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -8867,7 +9048,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -8971,7 +9152,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -9500,54 +9681,45 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
   </div>
   <div>
     <div
-      class="ant-select-dropdown ant-select-dropdown-hidden ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: 0; width: 0px; pointer-events: none;"
+      class="ant-select-dropdown ant-select-dropdown-hidden environment-tag-select-dropdown ant-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; pointer-events: none;"
     >
       <div>
         <div
-          id="environmentTag_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
-        >
-          <div
-            aria-label="environment-1"
-            aria-selected="true"
-            id="environmentTag_list_0"
-            role="option"
-          >
-            1
-          </div>
-          <div
-            aria-label="environment-2"
-            aria-selected="false"
-            id="environmentTag_list_1"
-            role="option"
-          >
-            2
-          </div>
-        </div>
-        <div
-          class="rc-virtual-list"
-          style="position: relative;"
+          class="rc-virtual-list"
+          style="position: relative;"
         >
           <div
             class="rc-virtual-list-holder"
-            style="max-height: 256px; overflow-y: hidden;"
+            style="max-height: 256px; overflow-y: auto;"
           >
             <div>
               <div
                 class="rc-virtual-list-holder-inner"
+                id="environmentTag_list"
+                role="listbox"
                 style="display: flex; flex-direction: column;"
               >
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                  id="environmentTag_list_0"
+                  role="option"
                   title="environment-1"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    environment-1
+                    <span
+                      class="css-1acawoa"
+                      color="#8C8C8C"
+                    >
+                      <span
+                        class="environment-tag-name"
+                      >
+                        environment-1
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -9559,12 +9731,23 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option"
+                  id="environmentTag_list_1"
+                  role="option"
                   title="environment-2"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    environment-2
+                    <span
+                      class="css-1acawoa"
+                      color="#8C8C8C"
+                    >
+                      <span
+                        class="environment-tag-name"
+                      >
+                        environment-2
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -9649,48 +9832,23 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
   </div>
   <div>
     <div
-      class="ant-select-dropdown ant-select-dropdown-hidden ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: 0; width: 0px; pointer-events: none;"
+      class="ant-select-dropdown ant-select-dropdown-hidden environment-tag-select-dropdown ant-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; pointer-events: none;"
     >
       <div>
-        <div
-          id="instanceId_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
-        >
-          <div
-            aria-selected="false"
-            id="instanceId_list_0"
-            role="presentation"
-          />
-          <div
-            aria-label="mysql-1(10.186.62.13:33061)"
-            aria-selected="true"
-            id="instanceId_list_1"
-            role="option"
-          >
-            1739531854064652288
-          </div>
-          <div
-            aria-label="mysql-2(10.186.62.14:33062)"
-            aria-selected="false"
-            id="instanceId_list_2"
-            role="option"
-          >
-            1739531942258282496
-          </div>
-        </div>
         <div
           class="rc-virtual-list"
           style="position: relative;"
         >
           <div
             class="rc-virtual-list-holder"
-            style="max-height: 256px; overflow-y: hidden;"
+            style="max-height: 256px; overflow-y: auto;"
           >
             <div>
               <div
                 class="rc-virtual-list-holder-inner"
+                id="instanceId_list"
+                role="listbox"
                 style="display: flex; flex-direction: column;"
               >
                 <div
@@ -9713,12 +9871,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active ant-select-item-option-selected"
+                  id="instanceId_list_1"
+                  role="option"
                   title="mysql-1(10.186.62.13:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-1(10.186.62.13:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-1(10.186.62.13:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -9730,12 +9898,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_2"
+                  role="option"
                   title="mysql-2(10.186.62.14:33062)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-2(10.186.62.14:33062)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-2(10.186.62.14:33062)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -9747,12 +9925,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_3"
+                  role="option"
                   title="xin-test-database(10.186.62.15:33063)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    xin-test-database(10.186.62.15:33063)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        xin-test-database(10.186.62.15:33063)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -9764,12 +9952,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_4"
+                  role="option"
                   title="mysql-5(139.196.241.182:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-5(139.196.241.182:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-5(139.196.241.182:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -9798,12 +9996,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_6"
+                  role="option"
                   title="progres-1(10.186.62.16:5432)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    progres-1(10.186.62.16:5432)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        progres-1(10.186.62.16:5432)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -9832,12 +10040,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan 3`] = `
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_8"
+                  role="option"
                   title="tidb-1(10.186.62.17:4000)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    tidb-1(10.186.62.17:4000)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        tidb-1(10.186.62.17:4000)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -10199,7 +10417,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -10230,7 +10448,16 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                                 class="ant-select-selection-item"
                                 title="environment-1"
                               >
-                                environment-1
+                                <span
+                                  class="css-1acawoa"
+                                  color="#8C8C8C"
+                                >
+                                  <span
+                                    class="environment-tag-name"
+                                  >
+                                    environment-1
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -10293,7 +10520,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -10393,7 +10620,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -10423,7 +10650,15 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -10497,7 +10732,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -10525,7 +10760,15 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -10905,54 +11148,45 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
   </div>
   <div>
     <div
-      class="ant-select-dropdown ant-select-dropdown-hidden ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: 0; width: 0px; pointer-events: none;"
+      class="ant-select-dropdown ant-select-dropdown-hidden environment-tag-select-dropdown ant-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; pointer-events: none;"
     >
       <div>
-        <div
-          id="environmentTag_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
-        >
-          <div
-            aria-label="environment-1"
-            aria-selected="true"
-            id="environmentTag_list_0"
-            role="option"
-          >
-            1
-          </div>
-          <div
-            aria-label="environment-2"
-            aria-selected="false"
-            id="environmentTag_list_1"
-            role="option"
-          >
-            2
-          </div>
-        </div>
         <div
           class="rc-virtual-list"
           style="position: relative;"
         >
           <div
             class="rc-virtual-list-holder"
-            style="max-height: 256px; overflow-y: hidden;"
+            style="max-height: 256px; overflow-y: auto;"
           >
             <div>
               <div
                 class="rc-virtual-list-holder-inner"
+                id="environmentTag_list"
+                role="listbox"
                 style="display: flex; flex-direction: column;"
               >
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                  id="environmentTag_list_0"
+                  role="option"
                   title="environment-1"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    environment-1
+                    <span
+                      class="css-1acawoa"
+                      color="#8C8C8C"
+                    >
+                      <span
+                        class="environment-tag-name"
+                      >
+                        environment-1
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -10964,12 +11198,23 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option"
+                  id="environmentTag_list_1"
+                  role="option"
                   title="environment-2"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    environment-2
+                    <span
+                      class="css-1acawoa"
+                      color="#8C8C8C"
+                    >
+                      <span
+                        class="environment-tag-name"
+                      >
+                        environment-2
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -11054,48 +11299,23 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
   </div>
   <div>
     <div
-      class="ant-select-dropdown ant-select-dropdown-hidden ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: 0; width: 0px; pointer-events: none;"
+      class="ant-select-dropdown ant-select-dropdown-hidden environment-tag-select-dropdown ant-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; pointer-events: none;"
     >
       <div>
-        <div
-          id="instanceId_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
-        >
-          <div
-            aria-selected="false"
-            id="instanceId_list_0"
-            role="presentation"
-          />
-          <div
-            aria-label="mysql-1(10.186.62.13:33061)"
-            aria-selected="true"
-            id="instanceId_list_1"
-            role="option"
-          >
-            1739531854064652288
-          </div>
-          <div
-            aria-label="mysql-2(10.186.62.14:33062)"
-            aria-selected="false"
-            id="instanceId_list_2"
-            role="option"
-          >
-            1739531942258282496
-          </div>
-        </div>
         <div
           class="rc-virtual-list"
           style="position: relative;"
         >
           <div
             class="rc-virtual-list-holder"
-            style="max-height: 256px; overflow-y: hidden;"
+            style="max-height: 256px; overflow-y: auto;"
           >
             <div>
               <div
                 class="rc-virtual-list-holder-inner"
+                id="instanceId_list"
+                role="listbox"
                 style="display: flex; flex-direction: column;"
               >
                 <div
@@ -11118,12 +11338,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active ant-select-item-option-selected"
+                  id="instanceId_list_1"
+                  role="option"
                   title="mysql-1(10.186.62.13:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-1(10.186.62.13:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-1(10.186.62.13:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -11135,12 +11365,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_2"
+                  role="option"
                   title="mysql-2(10.186.62.14:33062)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-2(10.186.62.14:33062)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-2(10.186.62.14:33062)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -11152,12 +11392,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_3"
+                  role="option"
                   title="xin-test-database(10.186.62.15:33063)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    xin-test-database(10.186.62.15:33063)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        xin-test-database(10.186.62.15:33063)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -11169,12 +11419,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_4"
+                  role="option"
                   title="mysql-5(139.196.241.182:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-5(139.196.241.182:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-5(139.196.241.182:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -11203,12 +11463,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_6"
+                  role="option"
                   title="progres-1(10.186.62.16:5432)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    progres-1(10.186.62.16:5432)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        progres-1(10.186.62.16:5432)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -11237,12 +11507,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_8"
+                  role="option"
                   title="tidb-1(10.186.62.17:4000)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    tidb-1(10.186.62.17:4000)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        tidb-1(10.186.62.17:4000)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -11376,7 +11656,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -11407,7 +11687,16 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                                 class="ant-select-selection-item"
                                 title="environment-1"
                               >
-                                environment-1
+                                <span
+                                  class="css-1acawoa"
+                                  color="#8C8C8C"
+                                >
+                                  <span
+                                    class="environment-tag-name"
+                                  >
+                                    environment-1
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -11470,7 +11759,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -11570,7 +11859,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -11600,7 +11889,15 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -11674,7 +11971,7 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
@@ -11702,7 +11999,15 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                                 class="ant-select-selection-item"
                                 title="mysql-1(10.186.62.13:33061)"
                               >
-                                mysql-1(10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1(10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -12518,54 +12823,45 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
   </div>
   <div>
     <div
-      class="ant-select-dropdown ant-select-dropdown-hidden ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: 0; width: 0px; pointer-events: none;"
+      class="ant-select-dropdown ant-select-dropdown-hidden environment-tag-select-dropdown ant-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; pointer-events: none;"
     >
       <div>
-        <div
-          id="environmentTag_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
-        >
-          <div
-            aria-label="environment-1"
-            aria-selected="true"
-            id="environmentTag_list_0"
-            role="option"
-          >
-            1
-          </div>
-          <div
-            aria-label="environment-2"
-            aria-selected="false"
-            id="environmentTag_list_1"
-            role="option"
-          >
-            2
-          </div>
-        </div>
         <div
           class="rc-virtual-list"
           style="position: relative;"
         >
           <div
             class="rc-virtual-list-holder"
-            style="max-height: 256px; overflow-y: hidden;"
+            style="max-height: 256px; overflow-y: auto;"
           >
             <div>
               <div
                 class="rc-virtual-list-holder-inner"
+                id="environmentTag_list"
+                role="listbox"
                 style="display: flex; flex-direction: column;"
               >
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                  id="environmentTag_list_0"
+                  role="option"
                   title="environment-1"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    environment-1
+                    <span
+                      class="css-1acawoa"
+                      color="#8C8C8C"
+                    >
+                      <span
+                        class="environment-tag-name"
+                      >
+                        environment-1
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -12577,12 +12873,23 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option"
+                  id="environmentTag_list_1"
+                  role="option"
                   title="environment-2"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    environment-2
+                    <span
+                      class="css-1acawoa"
+                      color="#8C8C8C"
+                    >
+                      <span
+                        class="environment-tag-name"
+                      >
+                        environment-2
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -12667,48 +12974,23 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
   </div>
   <div>
     <div
-      class="ant-select-dropdown ant-select-dropdown-hidden ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: 0; width: 0px; pointer-events: none;"
+      class="ant-select-dropdown ant-select-dropdown-hidden environment-tag-select-dropdown ant-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; pointer-events: none;"
     >
       <div>
-        <div
-          id="instanceId_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
-        >
-          <div
-            aria-selected="false"
-            id="instanceId_list_0"
-            role="presentation"
-          />
-          <div
-            aria-label="mysql-1(10.186.62.13:33061)"
-            aria-selected="true"
-            id="instanceId_list_1"
-            role="option"
-          >
-            1739531854064652288
-          </div>
-          <div
-            aria-label="mysql-2(10.186.62.14:33062)"
-            aria-selected="false"
-            id="instanceId_list_2"
-            role="option"
-          >
-            1739531942258282496
-          </div>
-        </div>
         <div
           class="rc-virtual-list"
           style="position: relative;"
         >
           <div
             class="rc-virtual-list-holder"
-            style="max-height: 256px; overflow-y: hidden;"
+            style="max-height: 256px; overflow-y: auto;"
           >
             <div>
               <div
                 class="rc-virtual-list-holder-inner"
+                id="instanceId_list"
+                role="listbox"
                 style="display: flex; flex-direction: column;"
               >
                 <div
@@ -12731,12 +13013,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active ant-select-item-option-selected"
+                  id="instanceId_list_1"
+                  role="option"
                   title="mysql-1(10.186.62.13:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-1(10.186.62.13:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-1(10.186.62.13:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -12748,12 +13040,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_2"
+                  role="option"
                   title="mysql-2(10.186.62.14:33062)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-2(10.186.62.14:33062)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-2(10.186.62.14:33062)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -12765,12 +13067,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_3"
+                  role="option"
                   title="xin-test-database(10.186.62.15:33063)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    xin-test-database(10.186.62.15:33063)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        xin-test-database(10.186.62.15:33063)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -12782,12 +13094,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_4"
+                  role="option"
                   title="mysql-5(139.196.241.182:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-5(139.196.241.182:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-5(139.196.241.182:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -12816,12 +13138,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_6"
+                  role="option"
                   title="progres-1(10.186.62.16:5432)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    progres-1(10.186.62.16:5432)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        progres-1(10.186.62.16:5432)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -12850,12 +13182,22 @@ exports[`test sqle/SqlManagementConf/Create render create audit plan with perfor
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  id="instanceId_list_8"
+                  role="option"
                   title="tidb-1(10.186.62.17:4000)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    tidb-1(10.186.62.17:4000)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        tidb-1(10.186.62.17:4000)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -13019,7 +13361,7 @@ exports[`test sqle/SqlManagementConf/Create render init snap shot 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                           >
                             <div
                               class="ant-select-selector"
@@ -13112,7 +13454,7 @@ exports[`test sqle/SqlManagementConf/Create render init snap shot 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                           >
                             <div
                               class="ant-select-selector"
@@ -13193,7 +13535,7 @@ exports[`test sqle/SqlManagementConf/Create render init snap shot 1`] = `
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -13296,7 +13638,7 @@ exports[`test sqle/SqlManagementConf/Create render init snap shot 1`] = `
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-show-search"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-show-search"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlManagementConf/Detail/ScanTypeSqlCollection/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagementConf/Detail/ScanTypeSqlCollection/__tests__/__snapshots__/index.test.tsx.snap
index 4cd83e6c4e..989a540cf3 100644
--- a/packages/sqle/src/page/SqlManagementConf/Detail/ScanTypeSqlCollection/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagementConf/Detail/ScanTypeSqlCollection/__tests__/__snapshots__/index.test.tsx.snap
@@ -278,7 +278,7 @@ exports[`test ScanTypeSqlCollection should match snapshot 2`] = `
                 style="margin-right: 12px; padding-bottom: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                 >
                   <div
                     class="ant-select-selector"
@@ -336,7 +336,7 @@ exports[`test ScanTypeSqlCollection should match snapshot 2`] = `
                 style="margin-right: 12px; padding-bottom: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                 >
                   <div
                     class="ant-select-selector"
@@ -394,7 +394,7 @@ exports[`test ScanTypeSqlCollection should match snapshot 2`] = `
                 style="margin-right: 12px; padding-bottom: 12px;"
               >
                 <div
-                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                  class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                 >
                   <div
                     class="ant-select-selector"
@@ -2555,7 +2555,7 @@ exports[`test ScanTypeSqlCollection should open report drawer and set current au
                   style="margin-right: 12px; padding-bottom: 12px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -2613,7 +2613,7 @@ exports[`test ScanTypeSqlCollection should open report drawer and set current au
                   style="margin-right: 12px; padding-bottom: 12px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -2671,7 +2671,7 @@ exports[`test ScanTypeSqlCollection should open report drawer and set current au
                   style="margin-right: 12px; padding-bottom: 12px;"
                 >
                   <div
-                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                    class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlManagementConf/List/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagementConf/List/__tests__/__snapshots__/index.test.tsx.snap
index 5d357137de..aab1dd85c3 100644
--- a/packages/sqle/src/page/SqlManagementConf/List/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagementConf/List/__tests__/__snapshots__/index.test.tsx.snap
@@ -624,7 +624,16 @@ exports[`test sqle/SqlManagementConf/List render close task type filter field 1`
                             <td
                               class="ant-table-cell"
                             >
-                              environment-1
+                              <span
+                                class="css-1xciw48"
+                                color="#8C8C8C"
+                              >
+                                <span
+                                  class="environment-tag-name"
+                                >
+                                  environment-1
+                                </span>
+                              </span>
                             </td>
                             <td
                               class="ant-table-cell"
@@ -747,7 +756,16 @@ exports[`test sqle/SqlManagementConf/List render close task type filter field 1`
                             <td
                               class="ant-table-cell"
                             >
-                              environment-1
+                              <span
+                                class="css-1xciw48"
+                                color="#8C8C8C"
+                              >
+                                <span
+                                  class="environment-tag-name"
+                                >
+                                  environment-1
+                                </span>
+                              </span>
                             </td>
                             <td
                               class="ant-table-cell"
@@ -915,7 +933,16 @@ exports[`test sqle/SqlManagementConf/List render close task type filter field 1`
                             <td
                               class="ant-table-cell"
                             >
-                              environment-2
+                              <span
+                                class="css-1xciw48"
+                                color="#8C8C8C"
+                              >
+                                <span
+                                  class="environment-tag-name"
+                                >
+                                  environment-2
+                                </span>
+                              </span>
                             </td>
                             <td
                               class="ant-table-cell"
@@ -1948,7 +1975,7 @@ exports[`test sqle/SqlManagementConf/List render filter list data by active stat
               style="margin-right: 12px; padding-bottom: 12px;"
             >
               <div
-                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
               >
                 <div
                   class="ant-select-selector"
@@ -2006,7 +2033,7 @@ exports[`test sqle/SqlManagementConf/List render filter list data by active stat
               style="margin-right: 12px; padding-bottom: 12px;"
             >
               <div
-                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
               >
                 <div
                   class="ant-select-selector"
@@ -2064,7 +2091,7 @@ exports[`test sqle/SqlManagementConf/List render filter list data by active stat
               style="padding-bottom: 12px;"
             >
               <div
-                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                class="ant-select ant-select-sm ant-select-borderless basic-select-wrapper custom-select-namespace css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
               >
                 <div
                   class="ant-select-selector"
@@ -3071,7 +3098,16 @@ exports[`test sqle/SqlManagementConf/List render init snap shot 1`] = `
                             <td
                               class="ant-table-cell"
                             >
-                              environment-1
+                              <span
+                                class="css-1xciw48"
+                                color="#8C8C8C"
+                              >
+                                <span
+                                  class="environment-tag-name"
+                                >
+                                  environment-1
+                                </span>
+                              </span>
                             </td>
                             <td
                               class="ant-table-cell"
@@ -3194,7 +3230,16 @@ exports[`test sqle/SqlManagementConf/List render init snap shot 1`] = `
                             <td
                               class="ant-table-cell"
                             >
-                              environment-1
+                              <span
+                                class="css-1xciw48"
+                                color="#8C8C8C"
+                              >
+                                <span
+                                  class="environment-tag-name"
+                                >
+                                  environment-1
+                                </span>
+                              </span>
                             </td>
                             <td
                               class="ant-table-cell"
@@ -3362,7 +3407,16 @@ exports[`test sqle/SqlManagementConf/List render init snap shot 1`] = `
                             <td
                               class="ant-table-cell"
                             >
-                              environment-2
+                              <span
+                                class="css-1xciw48"
+                                color="#8C8C8C"
+                              >
+                                <span
+                                  class="environment-tag-name"
+                                >
+                                  environment-2
+                                </span>
+                              </span>
                             </td>
                             <td
                               class="ant-table-cell"
@@ -4256,7 +4310,16 @@ exports[`test sqle/SqlManagementConf/List render sql management conf list with a
                             <td
                               class="ant-table-cell"
                             >
-                              environment-1
+                              <span
+                                class="css-1xciw48"
+                                color="#8C8C8C"
+                              >
+                                <span
+                                  class="environment-tag-name"
+                                >
+                                  environment-1
+                                </span>
+                              </span>
                             </td>
                             <td
                               class="ant-table-cell"
diff --git a/packages/sqle/src/page/SqlManagementConf/List/column.tsx b/packages/sqle/src/page/SqlManagementConf/List/column.tsx
index 21d2bb1cc1..99f6fa7f98 100644
--- a/packages/sqle/src/page/SqlManagementConf/List/column.tsx
+++ b/packages/sqle/src/page/SqlManagementConf/List/column.tsx
@@ -7,6 +7,7 @@ import { t } from '../../../locale';
 import { DatabaseTypeLogo, BasicToolTip, EmptyBox } from '@actiontech/dms-kit';
 import { TypedLink } from '@actiontech/shared';
 import { IInstanceAuditPlanResV1 } from '@actiontech/shared/lib/api/sqle/service/common';
+import { IEnvironmentTag } from '@actiontech/shared/lib/api/base/service/common';
 import { InstanceAuditPlanTableFilterParamType } from './index.type';
 import {
   formatTime,
@@ -26,6 +27,7 @@ import {
 import ScanTypeTagsCell from './ScanTypeTagsCell';
 import { InfoCircleOutlined } from '@actiontech/icons/';
 import { PlanListTaskTypeButtonStyleWrapper } from './style';
+import { EnvironmentTag } from '@actiontech/shared';
 export const ExtraFilterMeta: () => ActiontechTableFilterMeta<
   IInstanceAuditPlanResV1,
   InstanceAuditPlanTableFilterParamType
@@ -46,11 +48,12 @@ export const ExtraFilterMeta: () => ActiontechTableFilterMeta<
 };
 export const SqlManagementConfColumns: (
   projectID: string,
-  getLogoUrlByDbType: (dbType: string) => string
+  getLogoUrlByDbType: (dbType: string) => string,
+  environmentList: IEnvironmentTag[]
 ) => ActiontechTableColumn<
   IInstanceAuditPlanResV1,
   InstanceAuditPlanTableFilterParamType
-> = (projectID, getLogoUrlByDbType) => {
+> = (projectID, getLogoUrlByDbType, environmentList) => {
   return [
     {
       dataIndex: 'instance_name',
@@ -103,7 +106,20 @@ export const SqlManagementConfColumns: (
       dataIndex: 'environment',
       title: () => t('managementConf.list.table.column.environmentAttribute'),
       render: (environment) => {
-        return environment || '-';
+        if (!environment) {
+          return '-';
+        }
+
+        const matchedEnvironment = environmentList.find(
+          (item) => item.name === environment || item.uid === environment
+        );
+
+        return (
+          <EnvironmentTag
+            name={matchedEnvironment?.name ?? environment}
+            color={matchedEnvironment?.color}
+          />
+        );
       },
       filterCustomType: 'select',
       filterKey: 'filter_by_environment_tag'
diff --git a/packages/sqle/src/page/SqlManagementConf/List/hooks/useTableFilter.ts b/packages/sqle/src/page/SqlManagementConf/List/hooks/useTableFilter.ts
index 32258ddd3c..76d7ed7459 100644
--- a/packages/sqle/src/page/SqlManagementConf/List/hooks/useTableFilter.ts
+++ b/packages/sqle/src/page/SqlManagementConf/List/hooks/useTableFilter.ts
@@ -12,7 +12,8 @@ const useInstanceAuditPlanFilter = () => {
 
   const { updateInstanceList, instanceIDOptions } = useInstance();
 
-  const { environmentOptions, updateEnvironmentList } = useServiceEnvironment();
+  const { environmentList, environmentOptions, updateEnvironmentList } =
+    useServiceEnvironment();
 
   const filterCustomProps = useMemo(() => {
     return new Map<keyof IInstanceAuditPlanResV1, FilterCustomProps>([
@@ -61,7 +62,8 @@ const useInstanceAuditPlanFilter = () => {
     filterCustomData,
     setFilterCustomData,
     updateInstanceList,
-    updateEnvironmentList
+    updateEnvironmentList,
+    environmentList
   };
 };
 
diff --git a/packages/sqle/src/page/SqlManagementConf/List/index.tsx b/packages/sqle/src/page/SqlManagementConf/List/index.tsx
index 9e505ded25..fb6e57ace4 100644
--- a/packages/sqle/src/page/SqlManagementConf/List/index.tsx
+++ b/packages/sqle/src/page/SqlManagementConf/List/index.tsx
@@ -48,10 +48,6 @@ const List: React.FC = () => {
     useTableRequestError();
   const [messageApi, contextMessageHolder] = message.useMessage();
   const { getLogoUrlByDbType } = useDbServiceDriver();
-  const columns = useMemo(
-    () => SqlManagementConfColumns(projectID, getLogoUrlByDbType),
-    [getLogoUrlByDbType, projectID]
-  );
   const {
     tableFilterInfo,
     tableChange,
@@ -65,15 +61,21 @@ const List: React.FC = () => {
     InstanceAuditPlanTableFilterParamType
   >();
   const { parse2TableActionPermissions } = usePermission();
-  const { filterButtonMeta, filterContainerMeta, updateAllSelectedFilterItem } =
-    useTableFilterContainer(columns, updateTableFilterInfo, ExtraFilterMeta());
   const {
     filterCustomData,
     filterCustomProps,
+    environmentList,
     setFilterCustomData,
     updateInstanceList,
     updateEnvironmentList
   } = useTableFilter();
+  const columns = useMemo(
+    () =>
+      SqlManagementConfColumns(projectID, getLogoUrlByDbType, environmentList),
+    [getLogoUrlByDbType, projectID, environmentList]
+  );
+  const { filterButtonMeta, filterContainerMeta, updateAllSelectedFilterItem } =
+    useTableFilterContainer(columns, updateTableFilterInfo, ExtraFilterMeta());
   const [
     taskTypeShowStatus,
     { setFalse: setTaskTypeHide, setTrue: setTaskTypeShow }
diff --git a/packages/sqle/src/page/SqlManagementConf/Update/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagementConf/Update/__tests__/__snapshots__/index.test.tsx.snap
index a3faf17c01..eb56c968bd 100644
--- a/packages/sqle/src/page/SqlManagementConf/Update/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagementConf/Update/__tests__/__snapshots__/index.test.tsx.snap
@@ -148,7 +148,7 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -180,7 +180,16 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                                   class="ant-select-selection-item"
                                   title="environment-1"
                                 >
-                                  environment-1
+                                  <span
+                                    class="css-1acawoa"
+                                    color="#8C8C8C"
+                                  >
+                                    <span
+                                      class="environment-tag-name"
+                                    >
+                                      environment-1
+                                    </span>
+                                  </span>
                                 </span>
                               </div>
                               <span
@@ -243,7 +252,7 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -326,7 +335,7 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -356,7 +365,15 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                                   class="ant-select-selection-item"
                                   title="mysql-1(10.186.62.13:33061)"
                                 >
-                                  mysql-1(10.186.62.13:33061)
+                                  <span
+                                    class="instance-option-label"
+                                  >
+                                    <span
+                                      style="white-space: nowrap;"
+                                    >
+                                      mysql-1(10.186.62.13:33061)
+                                    </span>
+                                  </span>
                                 </span>
                               </div>
                               <span
@@ -430,7 +447,7 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
                             >
                               <div
                                 class="ant-select-selector"
@@ -459,7 +476,15 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                                   class="ant-select-selection-item"
                                   title="mysql-1(10.186.62.13:33061)"
                                 >
-                                  mysql-1(10.186.62.13:33061)
+                                  <span
+                                    class="instance-option-label"
+                                  >
+                                    <span
+                                      style="white-space: nowrap;"
+                                    >
+                                      mysql-1(10.186.62.13:33061)
+                                    </span>
+                                  </span>
                                 </span>
                               </div>
                               <span
@@ -812,7 +837,7 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -1059,7 +1084,7 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -1561,7 +1586,7 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                   data-testid="query_time_avg_operator"
                                 >
                                   <div
@@ -1763,7 +1788,7 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                   data-testid="row_examined_avg_operator"
                                 >
                                   <div
@@ -1964,7 +1989,7 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                                 class="ant-form-item-control-input-content"
                               >
                                 <div
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                                   data-testid="audit_level_operator"
                                 >
                                   <div
@@ -2052,7 +2077,7 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                                 class="ant-form-item-control-input-content"
                               >
                                 <div
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                                   data-testid="audit_level_value"
                                 >
                                   <div
@@ -2207,7 +2232,7 @@ exports[`test sqle/SqlManagementConf/Update render init snap shot 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2450,7 +2475,7 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2482,7 +2507,16 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                                   class="ant-select-selection-item"
                                   title="environment-1"
                                 >
-                                  environment-1
+                                  <span
+                                    class="css-1acawoa"
+                                    color="#8C8C8C"
+                                  >
+                                    <span
+                                      class="environment-tag-name"
+                                    >
+                                      environment-1
+                                    </span>
+                                  </span>
                                 </span>
                               </div>
                               <span
@@ -2545,7 +2579,7 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2628,7 +2662,7 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2658,7 +2692,15 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                                   class="ant-select-selection-item"
                                   title="mysql-1(10.186.62.13:33061)"
                                 >
-                                  mysql-1(10.186.62.13:33061)
+                                  <span
+                                    class="instance-option-label"
+                                  >
+                                    <span
+                                      style="white-space: nowrap;"
+                                    >
+                                      mysql-1(10.186.62.13:33061)
+                                    </span>
+                                  </span>
                                 </span>
                               </div>
                               <span
@@ -2732,7 +2774,7 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
                             >
                               <div
                                 class="ant-select-selector"
@@ -2761,7 +2803,15 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                                   class="ant-select-selection-item"
                                   title="mysql-1(10.186.62.13:33061)"
                                 >
-                                  mysql-1(10.186.62.13:33061)
+                                  <span
+                                    class="instance-option-label"
+                                  >
+                                    <span
+                                      style="white-space: nowrap;"
+                                    >
+                                      mysql-1(10.186.62.13:33061)
+                                    </span>
+                                  </span>
                                 </span>
                               </div>
                               <span
@@ -3202,7 +3252,7 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -3702,7 +3752,7 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                   data-testid="query_time_avg_operator"
                                 >
                                   <div
@@ -3903,7 +3953,7 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                                 class="ant-form-item-control-input-content"
                               >
                                 <div
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                                   data-testid="row_examined_avg_operator"
                                 >
                                   <div
@@ -4102,7 +4152,7 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                   data-testid="audit_level_operator"
                                 >
                                   <div
@@ -4191,7 +4241,7 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                   data-testid="audit_level_value"
                                 >
                                   <div
@@ -4346,7 +4396,7 @@ exports[`test sqle/SqlManagementConf/Update render update audit plan 1`] = `
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4705,7 +4755,7 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4737,7 +4787,16 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                                   class="ant-select-selection-item"
                                   title="environment-1"
                                 >
-                                  environment-1
+                                  <span
+                                    class="css-1acawoa"
+                                    color="#8C8C8C"
+                                  >
+                                    <span
+                                      class="environment-tag-name"
+                                    >
+                                      environment-1
+                                    </span>
+                                  </span>
                                 </span>
                               </div>
                               <span
@@ -4800,7 +4859,7 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4883,7 +4942,7 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                             class="ant-form-item-control-input-content"
                           >
                             <div
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -4913,7 +4972,15 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                                   class="ant-select-selection-item"
                                   title="mysql-1(10.186.62.13:33061)"
                                 >
-                                  mysql-1(10.186.62.13:33061)
+                                  <span
+                                    class="instance-option-label"
+                                  >
+                                    <span
+                                      style="white-space: nowrap;"
+                                    >
+                                      mysql-1(10.186.62.13:33061)
+                                    </span>
+                                  </span>
                                 </span>
                               </div>
                               <span
@@ -4987,7 +5054,7 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper environment-tag-select css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
                             >
                               <div
                                 class="ant-select-selector"
@@ -5016,7 +5083,15 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                                   class="ant-select-selection-item"
                                   title="mysql-1(10.186.62.13:33061)"
                                 >
-                                  mysql-1(10.186.62.13:33061)
+                                  <span
+                                    class="instance-option-label"
+                                  >
+                                    <span
+                                      style="white-space: nowrap;"
+                                    >
+                                      mysql-1(10.186.62.13:33061)
+                                    </span>
+                                  </span>
                                 </span>
                               </div>
                               <span
@@ -5457,7 +5532,7 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
@@ -5957,7 +6032,7 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                   data-testid="query_time_avg_operator"
                                 >
                                   <div
@@ -6158,7 +6233,7 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                                 class="ant-form-item-control-input-content"
                               >
                                 <div
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                                   data-testid="row_examined_avg_operator"
                                 >
                                   <div
@@ -6357,7 +6432,7 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                   data-testid="audit_level_operator"
                                 >
                                   <div
@@ -6446,7 +6521,7 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                               >
                                 <div
                                   aria-required="true"
-                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                   data-testid="audit_level_value"
                                 >
                                   <div
@@ -6601,7 +6676,7 @@ exports[`test sqle/SqlManagementConf/Update should not update the password field
                           >
                             <div
                               aria-required="true"
-                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                              class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-allow-clear ant-select-show-arrow"
                             >
                               <div
                                 class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlManagementException/Common/Form/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlManagementException/Common/Form/__tests__/__snapshots__/index.test.tsx.snap
index 1035ea4836..c7623d6c5e 100644
--- a/packages/sqle/src/page/SqlManagementException/Common/Form/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagementException/Common/Form/__tests__/__snapshots__/index.test.tsx.snap
@@ -1265,7 +1265,7 @@ exports[`sqle/SqlManagementException/SqlManagementExceptionForm render switch ma
               >
                 <div
                   aria-required="true"
-                  class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                  class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                 >
                   <div
                     class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlManagementException/Drawer/__tests__/__snapshots__/Create.test.tsx.snap b/packages/sqle/src/page/SqlManagementException/Drawer/__tests__/__snapshots__/Create.test.tsx.snap
index a918291976..d1bf54028e 100644
--- a/packages/sqle/src/page/SqlManagementException/Drawer/__tests__/__snapshots__/Create.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagementException/Drawer/__tests__/__snapshots__/Create.test.tsx.snap
@@ -1406,7 +1406,7 @@ exports[`slqe/SqlManagementException/CreateSqlManagementException render create
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item ant-select-status-validating basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item ant-select-status-validating basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
@@ -1437,7 +1437,15 @@ exports[`slqe/SqlManagementException/CreateSqlManagementException render create
                                 class="ant-select-selection-item"
                                 title="mysql-1 (10.186.62.13:33061)"
                               >
-                                mysql-1 (10.186.62.13:33061)
+                                <span
+                                  class="instance-option-label"
+                                >
+                                  <span
+                                    style="white-space: nowrap;"
+                                  >
+                                    mysql-1 (10.186.62.13:33061)
+                                  </span>
+                                </span>
                               </span>
                             </div>
                             <span
@@ -1535,7 +1543,6 @@ exports[`slqe/SqlManagementException/CreateSqlManagementException render create
             role="presentation"
           />
           <div
-            aria-label="mysql-1 (10.186.62.13:33061)"
             aria-selected="true"
             id="instance_list_1"
             role="option"
@@ -1543,7 +1550,6 @@ exports[`slqe/SqlManagementException/CreateSqlManagementException render create
             mysql-1
           </div>
           <div
-            aria-label="mysql-2 (10.186.62.14:33062)"
             aria-selected="false"
             id="instance_list_2"
             role="option"
@@ -1584,12 +1590,21 @@ exports[`slqe/SqlManagementException/CreateSqlManagementException render create
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active ant-select-item-option-selected"
+                  label="mysql-1 (10.186.62.13:33061)"
                   title="mysql-1 (10.186.62.13:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-1 (10.186.62.13:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-1 (10.186.62.13:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -1601,12 +1616,21 @@ exports[`slqe/SqlManagementException/CreateSqlManagementException render create
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  label="mysql-2 (10.186.62.14:33062)"
                   title="mysql-2 (10.186.62.14:33062)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-2 (10.186.62.14:33062)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-2 (10.186.62.14:33062)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -1618,12 +1642,21 @@ exports[`slqe/SqlManagementException/CreateSqlManagementException render create
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  label="xin-test-database (10.186.62.15:33063)"
                   title="xin-test-database (10.186.62.15:33063)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    xin-test-database (10.186.62.15:33063)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        xin-test-database (10.186.62.15:33063)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -1635,12 +1668,21 @@ exports[`slqe/SqlManagementException/CreateSqlManagementException render create
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  label="mysql-5 (139.196.241.182:33061)"
                   title="mysql-5 (139.196.241.182:33061)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    mysql-5 (139.196.241.182:33061)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        mysql-5 (139.196.241.182:33061)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -1669,12 +1711,21 @@ exports[`slqe/SqlManagementException/CreateSqlManagementException render create
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  label="progres-1 (10.186.62.16:5432)"
                   title="progres-1 (10.186.62.16:5432)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    progres-1 (10.186.62.16:5432)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        progres-1 (10.186.62.16:5432)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
@@ -1703,12 +1754,21 @@ exports[`slqe/SqlManagementException/CreateSqlManagementException render create
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
+                  label="tidb-1 (10.186.62.17:4000)"
                   title="tidb-1 (10.186.62.17:4000)"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    tidb-1 (10.186.62.17:4000)
+                    <span
+                      class="instance-option-label"
+                    >
+                      <span
+                        style="white-space: nowrap;"
+                      >
+                        tidb-1 (10.186.62.17:4000)
+                      </span>
+                    </span>
                   </div>
                   <span
                     aria-hidden="true"
diff --git a/packages/sqle/src/page/SqlManagementException/Drawer/__tests__/__snapshots__/Update.test.tsx.snap b/packages/sqle/src/page/SqlManagementException/Drawer/__tests__/__snapshots__/Update.test.tsx.snap
index c1f1a03bd7..332eabe5a3 100644
--- a/packages/sqle/src/page/SqlManagementException/Drawer/__tests__/__snapshots__/Update.test.tsx.snap
+++ b/packages/sqle/src/page/SqlManagementException/Drawer/__tests__/__snapshots__/Update.test.tsx.snap
@@ -1492,7 +1492,7 @@ exports[`slqe/SqlManagementException/UpdateSqlManagementException render update
                         >
                           <div
                             aria-required="true"
-                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                           >
                             <div
                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/SqlOptimization/Create/SQLInfoForm/DatabaseInfo.tsx b/packages/sqle/src/page/SqlOptimization/Create/SQLInfoForm/DatabaseInfo.tsx
index 557d7ca4ff..54017443d1 100644
--- a/packages/sqle/src/page/SqlOptimization/Create/SQLInfoForm/DatabaseInfo.tsx
+++ b/packages/sqle/src/page/SqlOptimization/Create/SQLInfoForm/DatabaseInfo.tsx
@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next';
 import { DatabaseInfoProps } from '../../index.type';
-import { Alert, Form, Space } from 'antd';
+import { Alert, Form, Space, SelectProps } from 'antd';
 import { CustomSelect } from '@actiontech/dms-kit';
 import useInstanceSchema from '../../../../hooks/useInstanceSchema';
 import { useCurrentProject } from '@actiontech/shared/lib/features';
@@ -82,7 +82,9 @@ const DatabaseInfo: React.FC<DatabaseInfoProps> = ({
             disabled={submitLoading}
             loading={instanceLoading}
             options={instanceOptions}
-            onChange={(value) => handleInstanceNameChange(value)}
+            onChange={(
+              value: Parameters<NonNullable<SelectProps['onChange']>>[0]
+            ) => handleInstanceNameChange(value as string)}
           />
         </FormItemNoLabel>
         <FormItemNoLabel
diff --git a/packages/sqle/src/page/SqlOptimization/Create/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlOptimization/Create/__snapshots__/index.test.tsx.snap
index c96b8c73cd..c5c1c5afb2 100644
--- a/packages/sqle/src/page/SqlOptimization/Create/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlOptimization/Create/__snapshots__/index.test.tsx.snap
@@ -251,7 +251,7 @@ exports[`sqle/SqlOptimization/Create enter default content to create sql optimiz
                   class="ant-form-item-control-input-content"
                 >
                   <div
-                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                   >
                     <div
                       class="ant-select-selector"
@@ -379,7 +379,7 @@ exports[`sqle/SqlOptimization/Create enter default content to create sql optimiz
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                         >
                           <div
                             class="ant-select-selector"
@@ -501,7 +501,7 @@ exports[`sqle/SqlOptimization/Create enter default content to create sql optimiz
                       >
                         <div
                           aria-required="true"
-                          class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                          class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                         >
                           <div
                             class="ant-select-selector"
diff --git a/packages/sqle/src/page/VersionManagement/Common/VersionForm/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/VersionManagement/Common/VersionForm/__tests__/__snapshots__/index.test.tsx.snap
index 9947874597..f24e20d865 100644
--- a/packages/sqle/src/page/VersionManagement/Common/VersionForm/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/VersionManagement/Common/VersionForm/__tests__/__snapshots__/index.test.tsx.snap
@@ -320,7 +320,7 @@ exports[`sqle/VersionManagement/VersionForm render init snap shot 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-loading"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-loading"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -627,7 +627,7 @@ exports[`sqle/VersionManagement/VersionForm render init snap shot 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-loading"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-loading"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -844,7 +844,7 @@ exports[`sqle/VersionManagement/VersionForm render init snap shot 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled ant-select-loading"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled ant-select-loading"
                               >
                                 <div
                                   class="ant-select-selector"
diff --git a/packages/sqle/src/page/VersionManagement/Create/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/VersionManagement/Create/__tests__/__snapshots__/index.test.tsx.snap
index 427c45b14b..8367c95a65 100644
--- a/packages/sqle/src/page/VersionManagement/Create/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/VersionManagement/Create/__tests__/__snapshots__/index.test.tsx.snap
@@ -909,7 +909,7 @@ exports[`sqle/VersionManagement/Create render init snap shot 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -1212,7 +1212,7 @@ exports[`sqle/VersionManagement/Create render init snap shot 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -1426,7 +1426,7 @@ exports[`sqle/VersionManagement/Create render init snap shot 1`] = `
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-loading"
+                                class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-loading"
                               >
                                 <div
                                   class="ant-select-selector"
diff --git a/packages/sqle/src/page/VersionManagement/Detail/Modals/ReleaseDrawer/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/VersionManagement/Detail/Modals/ReleaseDrawer/__tests__/__snapshots__/index.test.tsx.snap
index e419701006..db7c4e3901 100644
--- a/packages/sqle/src/page/VersionManagement/Detail/Modals/ReleaseDrawer/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/VersionManagement/Detail/Modals/ReleaseDrawer/__tests__/__snapshots__/index.test.tsx.snap
@@ -342,7 +342,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render init snap s
                                                         >
                                                           <div
                                                             aria-required="true"
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -464,7 +464,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render init snap s
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -558,7 +558,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render init snap s
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-disabled"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -1160,7 +1160,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                         >
                                                           <div
                                                             aria-required="true"
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -1189,32 +1189,13 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                               </span>
                                                               <span
                                                                 class="ant-select-selection-item"
+                                                                title="mysql-2(10.186.62.14:33062)"
                                                               >
                                                                 <span
-                                                                  class="custom-select-option-content css-17mg133"
+                                                                  class="instance-option-label"
                                                                 >
                                                                   <span
-                                                                    class="custom-select-option-content-prefix"
-                                                                  >
-                                                                    <span
-                                                                      class="css-u3jcp4"
-                                                                    >
-                                                                      <svg
-                                                                        color="#4583FF"
-                                                                        height="18"
-                                                                        viewBox="0 0 18 18"
-                                                                        width="18"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <path
-                                                                          d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                                          fill="currentColor"
-                                                                        />
-                                                                      </svg>
-                                                                    </span>
-                                                                  </span>
-                                                                  <span
-                                                                    class="custom-select-option-content-label"
+                                                                    style="white-space: nowrap;"
                                                                   >
                                                                     mysql-2(10.186.62.14:33062)
                                                                   </span>
@@ -1283,7 +1264,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -1313,7 +1294,15 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                                 class="ant-select-selection-item"
                                                                 title="mysql-2(10.186.62.14:33062)"
                                                               >
-                                                                mysql-2(10.186.62.14:33062)
+                                                                <span
+                                                                  class="instance-option-label"
+                                                                >
+                                                                  <span
+                                                                    style="white-space: nowrap;"
+                                                                  >
+                                                                    mysql-2(10.186.62.14:33062)
+                                                                  </span>
+                                                                </span>
                                                               </span>
                                                             </div>
                                                             <span
@@ -1378,7 +1367,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -1978,7 +1967,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                         >
                                                           <div
                                                             aria-required="true"
-                                                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-focused ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-focused ant-select-single ant-select-show-arrow"
                                                           >
                                                             <span
                                                               aria-live="polite"
@@ -2013,32 +2002,13 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                               </span>
                                                               <span
                                                                 class="ant-select-selection-item"
+                                                                title="xin-test-database(10.186.62.15:33063)"
                                                               >
                                                                 <span
-                                                                  class="custom-select-option-content css-17mg133"
+                                                                  class="instance-option-label"
                                                                 >
                                                                   <span
-                                                                    class="custom-select-option-content-prefix"
-                                                                  >
-                                                                    <span
-                                                                      class="css-u3jcp4"
-                                                                    >
-                                                                      <svg
-                                                                        color="#4583FF"
-                                                                        height="18"
-                                                                        viewBox="0 0 18 18"
-                                                                        width="18"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <path
-                                                                          d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                                          fill="currentColor"
-                                                                        />
-                                                                      </svg>
-                                                                    </span>
-                                                                  </span>
-                                                                  <span
-                                                                    class="custom-select-option-content-label"
+                                                                    style="white-space: nowrap;"
                                                                   >
                                                                     xin-test-database(10.186.62.15:33063)
                                                                   </span>
@@ -2107,7 +2077,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -2137,7 +2107,15 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                                 class="ant-select-selection-item"
                                                                 title="xin-test-database(10.186.62.15:33063)"
                                                               >
-                                                                xin-test-database(10.186.62.15:33063)
+                                                                <span
+                                                                  class="instance-option-label"
+                                                                >
+                                                                  <span
+                                                                    style="white-space: nowrap;"
+                                                                  >
+                                                                    xin-test-database(10.186.62.15:33063)
+                                                                  </span>
+                                                                </span>
                                                               </span>
                                                             </div>
                                                             <span
@@ -2202,7 +2180,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -2232,7 +2210,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                                 class="ant-select-selection-item"
                                                               >
                                                                 <span
-                                                                  class="custom-select-option-content css-17mg133"
+                                                                  class="custom-select-option-content css-1xzd9w3"
                                                                 >
                                                                   <span
                                                                     class="custom-select-option-content-prefix"
@@ -2255,7 +2233,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                                                                     </span>
                                                                   </span>
                                                                   <span
-                                                                    class="custom-select-option-content-label"
+                                                                    class="custom-select-option-content-label is-text-label"
                                                                   >
                                                                     testSchema
                                                                   </span>
@@ -2488,7 +2466,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; width: 0px; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; width: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -2536,7 +2514,6 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
               role="presentation"
             />
             <div
-              aria-label="mysql-2(10.186.62.14:33062)"
               aria-selected="false"
               id="release_workflows_0_target_release_instances_0_target_instance_id_list_1"
               role="option"
@@ -2544,7 +2521,6 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
               1739531942258282496
             </div>
             <div
-              aria-label="xin-test-database(10.186.62.15:33063)"
               aria-selected="true"
               id="release_workflows_0_target_release_instances_0_target_instance_id_list_2"
               role="option"
@@ -2594,7 +2570,15 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                     <div
                       class="ant-select-item-option-content"
                     >
-                      mysql-2(10.186.62.14:33062)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          mysql-2(10.186.62.14:33062)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -2611,7 +2595,15 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
                     <div
                       class="ant-select-item-option-content"
                     >
-                      xin-test-database(10.186.62.15:33063)
+                      <span
+                        class="instance-option-label"
+                      >
+                        <span
+                          style="white-space: nowrap;"
+                        >
+                          xin-test-database(10.186.62.15:33063)
+                        </span>
+                      </span>
                     </div>
                     <span
                       aria-hidden="true"
@@ -2631,7 +2623,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render release for
   <div>
     <div
       class="ant-select-dropdown ant-select-dropdown-hidden custom-select-popup-wrapper ant-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; padding: 0px; min-width: 0; pointer-events: none;"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: 0px; top: 0px; box-sizing: border-box; min-width: max-content; padding: 0px; pointer-events: none;"
     >
       <div>
         <span
@@ -3131,7 +3123,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                         >
                                                           <div
                                                             aria-required="true"
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -3160,32 +3152,13 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                               </span>
                                                               <span
                                                                 class="ant-select-selection-item"
+                                                                title="mysql-2(10.186.62.14:33062)"
                                                               >
                                                                 <span
-                                                                  class="custom-select-option-content css-17mg133"
+                                                                  class="instance-option-label"
                                                                 >
                                                                   <span
-                                                                    class="custom-select-option-content-prefix"
-                                                                  >
-                                                                    <span
-                                                                      class="css-u3jcp4"
-                                                                    >
-                                                                      <svg
-                                                                        color="#4583FF"
-                                                                        height="18"
-                                                                        viewBox="0 0 18 18"
-                                                                        width="18"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <path
-                                                                          d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                                          fill="currentColor"
-                                                                        />
-                                                                      </svg>
-                                                                    </span>
-                                                                  </span>
-                                                                  <span
-                                                                    class="custom-select-option-content-label"
+                                                                    style="white-space: nowrap;"
                                                                   >
                                                                     mysql-2(10.186.62.14:33062)
                                                                   </span>
@@ -3254,7 +3227,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -3284,7 +3257,15 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                                 class="ant-select-selection-item"
                                                                 title="mysql-2(10.186.62.14:33062)"
                                                               >
-                                                                mysql-2(10.186.62.14:33062)
+                                                                <span
+                                                                  class="instance-option-label"
+                                                                >
+                                                                  <span
+                                                                    style="white-space: nowrap;"
+                                                                  >
+                                                                    mysql-2(10.186.62.14:33062)
+                                                                  </span>
+                                                                </span>
                                                               </span>
                                                             </div>
                                                             <span
@@ -3349,7 +3330,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -3994,7 +3975,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                         >
                                                           <div
                                                             aria-required="true"
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -4023,32 +4004,13 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                               </span>
                                                               <span
                                                                 class="ant-select-selection-item"
+                                                                title="mysql-2(10.186.62.14:33062)"
                                                               >
                                                                 <span
-                                                                  class="custom-select-option-content css-17mg133"
+                                                                  class="instance-option-label"
                                                                 >
                                                                   <span
-                                                                    class="custom-select-option-content-prefix"
-                                                                  >
-                                                                    <span
-                                                                      class="css-u3jcp4"
-                                                                    >
-                                                                      <svg
-                                                                        color="#4583FF"
-                                                                        height="18"
-                                                                        viewBox="0 0 18 18"
-                                                                        width="18"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <path
-                                                                          d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                                          fill="currentColor"
-                                                                        />
-                                                                      </svg>
-                                                                    </span>
-                                                                  </span>
-                                                                  <span
-                                                                    class="custom-select-option-content-label"
+                                                                    style="white-space: nowrap;"
                                                                   >
                                                                     mysql-2(10.186.62.14:33062)
                                                                   </span>
@@ -4117,7 +4079,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -4147,7 +4109,15 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                                 class="ant-select-selection-item"
                                                                 title="mysql-2(10.186.62.14:33062)"
                                                               >
-                                                                mysql-2(10.186.62.14:33062)
+                                                                <span
+                                                                  class="instance-option-label"
+                                                                >
+                                                                  <span
+                                                                    style="white-space: nowrap;"
+                                                                  >
+                                                                    mysql-2(10.186.62.14:33062)
+                                                                  </span>
+                                                                </span>
                                                               </span>
                                                             </div>
                                                             <span
@@ -4212,7 +4182,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -4857,7 +4827,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                         >
                                                           <div
                                                             aria-required="true"
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -4886,32 +4856,13 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                               </span>
                                                               <span
                                                                 class="ant-select-selection-item"
+                                                                title="mysql-2(10.186.62.14:33062)"
                                                               >
                                                                 <span
-                                                                  class="custom-select-option-content css-17mg133"
+                                                                  class="instance-option-label"
                                                                 >
                                                                   <span
-                                                                    class="custom-select-option-content-prefix"
-                                                                  >
-                                                                    <span
-                                                                      class="css-u3jcp4"
-                                                                    >
-                                                                      <svg
-                                                                        color="#4583FF"
-                                                                        height="18"
-                                                                        viewBox="0 0 18 18"
-                                                                        width="18"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <path
-                                                                          d="M15.75 7.125v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375v-2.25C2.25 8.989 5.273 10.5 9 10.5s6.75-1.511 6.75-3.375m-13.5 3.75c0 1.864 3.023 3.375 6.75 3.375s6.75-1.511 6.75-3.375v2.25c0 1.864-3.023 3.375-6.75 3.375s-6.75-1.511-6.75-3.375zM9 9C5.273 9 2.25 7.489 2.25 5.625S5.273 2.25 9 2.25s6.75 1.511 6.75 3.375S12.727 9 9 9"
-                                                                          fill="currentColor"
-                                                                        />
-                                                                      </svg>
-                                                                    </span>
-                                                                  </span>
-                                                                  <span
-                                                                    class="custom-select-option-content-label"
+                                                                    style="white-space: nowrap;"
                                                                   >
                                                                     mysql-2(10.186.62.14:33062)
                                                                   </span>
@@ -4980,7 +4931,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
@@ -5010,7 +4961,15 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                                 class="ant-select-selection-item"
                                                                 title="mysql-2(10.186.62.14:33062)"
                                                               >
-                                                                mysql-2(10.186.62.14:33062)
+                                                                <span
+                                                                  class="instance-option-label"
+                                                                >
+                                                                  <span
+                                                                    style="white-space: nowrap;"
+                                                                  >
+                                                                    mysql-2(10.186.62.14:33062)
+                                                                  </span>
+                                                                </span>
                                                               </span>
                                                             </div>
                                                             <span
@@ -5075,7 +5034,7 @@ exports[`sqle/VersionManagement/Detail/AssociateWorkflowModal render test instan
                                                           class="ant-form-item-control-input-content"
                                                         >
                                                           <div
-                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-d0rd34 ant-select-single ant-select-allow-clear ant-select-show-arrow"
+                                                            class="ant-select ant-select-in-form-item basic-select-wrapper custom-select-namespace data-source-row-select css-15f13hq ant-select-single ant-select-allow-clear ant-select-show-arrow"
                                                           >
                                                             <div
                                                               class="ant-select-selector"
diff --git a/packages/sqle/src/page/VersionManagement/Update/__tests__/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/VersionManagement/Update/__tests__/__snapshots__/index.test.tsx.snap
index ae96515b21..cecf73e893 100644
--- a/packages/sqle/src/page/VersionManagement/Update/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/VersionManagement/Update/__tests__/__snapshots__/index.test.tsx.snap
@@ -395,7 +395,7 @@ exports[`sqle/VersionManagement/Create render init snap shot 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                                    class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -427,7 +427,15 @@ exports[`sqle/VersionManagement/Create render init snap shot 1`] = `
                                         class="ant-select-selection-item"
                                         title="mysql-1(10.186.62.13:33061)"
                                       >
-                                        mysql-1(10.186.62.13:33061)
+                                        <span
+                                          class="instance-option-label"
+                                        >
+                                          <span
+                                            style="white-space: nowrap;"
+                                          >
+                                            mysql-1(10.186.62.13:33061)
+                                          </span>
+                                        </span>
                                       </span>
                                     </div>
                                     <span
@@ -529,7 +537,7 @@ exports[`sqle/VersionManagement/Create render init snap shot 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -561,7 +569,15 @@ exports[`sqle/VersionManagement/Create render init snap shot 1`] = `
                                         class="ant-select-selection-item"
                                         title="mysql-2(10.186.62.14:33062)"
                                       >
-                                        mysql-2(10.186.62.14:33062)
+                                        <span
+                                          class="instance-option-label"
+                                        >
+                                          <span
+                                            style="white-space: nowrap;"
+                                          >
+                                            mysql-2(10.186.62.14:33062)
+                                          </span>
+                                        </span>
                                       </span>
                                     </div>
                                     <span
@@ -837,7 +853,7 @@ exports[`sqle/VersionManagement/Create render init snap shot 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                                    class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -960,7 +976,7 @@ exports[`sqle/VersionManagement/Create render init snap shot 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -1178,7 +1194,7 @@ exports[`sqle/VersionManagement/Create render init snap shot 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                                    class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                                   >
                                     <div
                                       class="ant-select-selector"
@@ -1267,7 +1283,7 @@ exports[`sqle/VersionManagement/Create render init snap shot 1`] = `
                                 >
                                   <div
                                     aria-required="true"
-                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow ant-select-disabled"
+                                    class="ant-select ant-select-in-form-item basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow ant-select-disabled"
                                   >
                                     <div
                                       class="ant-select-selector"
diff --git a/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/__snapshots__/index.test.tsx.snap
index 085631ab71..a046f50485 100644
--- a/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/__snapshots__/index.test.tsx.snap
@@ -602,7 +602,7 @@ exports[`page/WorkflowTemplate/UpdateWorkflowTemplate change workflow template n
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -1637,7 +1637,7 @@ exports[`page/WorkflowTemplate/UpdateWorkflowTemplate no review node in template
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -2313,7 +2313,7 @@ exports[`page/WorkflowTemplate/UpdateWorkflowTemplate render update workflow tem
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -2989,7 +2989,7 @@ exports[`page/WorkflowTemplate/UpdateWorkflowTemplate render update workflow tem
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
@@ -3665,7 +3665,7 @@ exports[`page/WorkflowTemplate/UpdateWorkflowTemplate update workflow template i
                             >
                               <div
                                 aria-required="true"
-                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                                class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                               >
                                 <div
                                   class="ant-select-selector"
diff --git a/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/components/BasicInfo/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/components/BasicInfo/__snapshots__/index.test.tsx.snap
index eb20958d48..baf0207a30 100644
--- a/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/components/BasicInfo/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/components/BasicInfo/__snapshots__/index.test.tsx.snap
@@ -55,7 +55,7 @@ exports[`page/WorkflowTemplate/BasicInfo render basic info 1`] = `
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
@@ -194,7 +194,7 @@ exports[`page/WorkflowTemplate/BasicInfo render basic info without default data
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-single ant-select-show-arrow"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-single ant-select-show-arrow"
                     >
                       <div
                         class="ant-select-selector"
diff --git a/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/components/ReviewNodeInfo/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/components/ReviewNodeInfo/__snapshots__/index.test.tsx.snap
index 32f2c3b5b1..74886c9534 100644
--- a/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/components/ReviewNodeInfo/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/components/ReviewNodeInfo/__snapshots__/index.test.tsx.snap
@@ -160,7 +160,7 @@ exports[`page/WorkflowTemplate/ReviewNodeInfo render normal exec node info 1`] =
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-disabled ant-select-show-search"
                       data-testid="exec-user-select"
                     >
                       <div
@@ -466,7 +466,7 @@ exports[`page/WorkflowTemplate/ReviewNodeInfo render normal review node info 1`]
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-disabled ant-select-show-search"
                       data-testid="exec-user-select"
                     >
                       <div
@@ -803,7 +803,7 @@ exports[`page/WorkflowTemplate/ReviewNodeInfo render review node and update revi
                     class="ant-form-item-control-input-content"
                   >
                     <div
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-disabled ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-disabled ant-select-show-search"
                       data-testid="exec-user-select"
                     >
                       <div
@@ -1127,7 +1127,7 @@ exports[`page/WorkflowTemplate/ReviewNodeInfo render review node with default as
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                       data-testid="exec-user-select"
                     >
                       <div
@@ -1486,7 +1486,7 @@ exports[`page/WorkflowTemplate/ReviewNodeInfo validate assignee user number 1`]
                   >
                     <div
                       aria-required="true"
-                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-x5nat1 ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                      class="ant-select ant-select-in-form-item ant-select-status-success basic-select-wrapper css-16awv9j ant-select-multiple ant-select-show-arrow ant-select-show-search"
                       data-testid="exec-user-select"
                     >
                       <div