diff --git a/nezha-fronted/src/assets/css/common.scss b/nezha-fronted/src/assets/css/common.scss
index c1737856a..8b42317e9 100644
--- a/nezha-fronted/src/assets/css/common.scss
+++ b/nezha-fronted/src/assets/css/common.scss
@@ -582,3 +582,8 @@ textarea {
 .el-icon-arrow-left::before{
   content: '\e6ae';
 }
+.el-select__tags .el-tag.el-tag--info {
+  background-color: $--background-color-base;
+  border-color: $--border-color-light;
+  color: $--color-text-secondary;
+}
diff --git a/nezha-fronted/src/assets/css/components/common/deleteButton.scss b/nezha-fronted/src/assets/css/components/common/deleteButton.scss
index c3edc76e0..564a45285 100644
--- a/nezha-fronted/src/assets/css/components/common/deleteButton.scss
+++ b/nezha-fronted/src/assets/css/components/common/deleteButton.scss
@@ -27,7 +27,7 @@
     padding: 0 20px;
   }
   .tree-header{
-    background: #F6F6F6;
+    background: $--background-color-base;
     padding: 7px 10px 7px 0px;
     font-weight: 600;
     .batch-delete-item-id, .batch-delete-item-name{
@@ -95,4 +95,7 @@
     transform: rotate(90deg);
     transition: all 0.3s;
   }
+  .check-title{
+    color: $--color-text-regular;
+  }
 }
diff --git a/nezha-fronted/src/components/common/deleteButton.vue b/nezha-fronted/src/components/common/deleteButton.vue
index 1d80dadbe..e0080ed42 100644
--- a/nezha-fronted/src/components/common/deleteButton.vue
+++ b/nezha-fronted/src/components/common/deleteButton.vue
@@ -79,7 +79,7 @@
         </div>
         <div v-if="forceDeleteShow">
           <el-checkbox v-model="forceDelete" text-color="black" name="type" :true-label="1" :false-label="0"></el-checkbox>
-          <span class="checkTitle">{{$t('batch.forceDelete')}}</span>
+          <span class="check-title">{{$t('batch.forceDelete')}}</span>
         </div>
       </span>
     </el-dialog>