diff --git a/nezha-fronted/src/assets/css/common.scss b/nezha-fronted/src/assets/css/common.scss
index a64d39daa..732618b6b 100644
--- a/nezha-fronted/src/assets/css/common.scss
+++ b/nezha-fronted/src/assets/css/common.scss
@@ -110,6 +110,9 @@
 .color23bf9a {
   color: #23bf9a;
 }
+.bgFFECD9{
+  background: $--color-primary !important;
+}
 .timezone-area {
   display: inline-block;
   vertical-align: middle;
diff --git a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
index c042c2c78..238b7d085 100644
--- a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
@@ -84,7 +84,7 @@
              <div class="active-icon green-bg inline-block"></div>
             {{$t('silence.active')}}</span>
           <span v-if="scope.row.state === 2">
-            <div class="active-icon green-bg inline-block"></div>
+            <div class="active-icon bgFFECD9 inline-block"></div>
             {{$t('silence.pending')}}</span>
           <span v-if="scope.row.state === 3">
             <div class="active-icon gray-bg inline-block"></div>