diff --git a/core/core-frontend/src/views/chart/components/editor/index.vue b/core/core-frontend/src/views/chart/components/editor/index.vue
index 3881786758..f79933b940 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -3516,7 +3516,6 @@ const deleteChartFieldItem = id => {
                           class="field-setting child"
                           :class="{ 'remove-icon--dark': themes === 'dark' }"
                           size="14px"
-                          style="color: #646a73"
                           @click.stop="copyChartFieldItem(element.id)"
                         >
                           <Icon class-name="inner-class" name="icon_copy_outlined"
@@ -3528,7 +3527,6 @@ const deleteChartFieldItem = id => {
                           class="field-setting child"
                           :class="{ 'remove-icon--dark': themes === 'dark' }"
                           size="14px"
-                          style="color: #646a73"
                           @click.stop="deleteChartFieldItem(element.id)"
                         >
                           <Icon class-name="inner-class" name="icon_delete-trash_outlined"
@@ -3686,7 +3684,6 @@ const deleteChartFieldItem = id => {
                           class="field-setting child"
                           :class="{ 'remove-icon--dark': themes === 'dark' }"
                           size="14px"
-                          style="color: #646a73"
                           @click.stop="copyChartFieldItem(element.id)"
                         >
                           <Icon class-name="inner-class" name="icon_copy_outlined"
@@ -3698,7 +3695,6 @@ const deleteChartFieldItem = id => {
                           class="field-setting child"
                           :class="{ 'remove-icon--dark': themes === 'dark' }"
                           size="14px"
-                          style="color: #646a73"
                           @click.stop="deleteChartFieldItem(element.id)"
                         >
                           <Icon class-name="inner-class" name="icon_delete-trash_outlined"
@@ -5092,6 +5088,10 @@ span {
 .field-setting {
   position: absolute;
   right: 8px;
+  color: #646a73;
+  &.remove-icon--dark {
+    color: #a6a6a6;
+  }
 }
 .father .child {
   visibility: hidden;
diff --git a/core/core-frontend/src/views/system/parameter/map/Geometry.vue b/core/core-frontend/src/views/system/parameter/map/Geometry.vue
index b4a453ff3e..b038f604a7 100644
--- a/core/core-frontend/src/views/system/parameter/map/Geometry.vue
+++ b/core/core-frontend/src/views/system/parameter/map/Geometry.vue
@@ -203,6 +203,7 @@
   <geometry-edit ref="editor" @saved="loadTreeData(false)" />
   <el-dialog
     v-model="customAreaDialog"
+    class="create-dialog"
     :title="`${editedCustomArea.id ? t('common.edit') : t('common.add')} ${t(
       'system.custom_area'
     )}`"