diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/AssistLineEdit.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/AssistLineEdit.vue
index ceeac7e5e2..2e44e1d3ab 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/AssistLineEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/AssistLineEdit.vue
@@ -299,10 +299,10 @@ onMounted(() => {
             />
           </el-select>
         </el-col>
-        <el-col :span="2" style="text-align: center">
+        <el-col :span="2">
           <el-color-picker
             is-custom
-            size="large"
+            :trigger-width="60"
             v-model="item.color"
             class="color-picker-style"
             :predefine="state.predefineColors"
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue
index 6a82765001..d6fbe012a2 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue
@@ -424,7 +424,7 @@ init()
               >
                 <el-color-picker
                   is-custom
-                  size="large"
+                  :trigger-width="60"
                   v-model="item.color"
                   show-alpha
                   class="color-picker-style"
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextThresholdEdit.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextThresholdEdit.vue
index a6a60a0ce9..29cebaccfc 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextThresholdEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextThresholdEdit.vue
@@ -170,7 +170,7 @@ init()
           <div class="color-title">{{ t('chart.textColor') }}</div>
           <el-color-picker
             is-custom
-            size="large"
+            :trigger-width="60"
             v-model="item.color"
             show-alpha
             class="color-picker-style"