diff --git a/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss b/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss
index fb75f49c..93f60a66 100644
--- a/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss
+++ b/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss
@@ -137,32 +137,24 @@
             border-radius: 2px;
             color: var(--el-color-white);
 
-            &.alert-level-tag--high.critical {
+            &.alert-level-tag--critical {
               background-color: var(--cn-color-critical);
             }
 
-            &.alert-level-tag--high.high {
+            &.alert-level-tag--high {
               background-color: var(--cn-color-high);
             }
 
-            &.alert-level-tag--high.info {
+            &.alert-level-tag--info {
               background-color: var(--cn-color-info);
             }
 
-            &.alert-level-tag--high.medium {
+            &.alert-level-tag--medium {
               background-color: var(--cn-color-medium);
             }
 
-            &.alert-level-tag--high.low {
-              background-color: var(--cn-color-low);
-            }
-
-            &.alert-level-tag--middle {
-              background-color: #FFAB66;
-            }
-
             &.alert-level-tag--low {
-              background-color: #F6C738;
+              background-color: var(--cn-color-low);
             }
           }
 
diff --git a/src/assets/css/components/views/entityExplorer/entityList/row.scss b/src/assets/css/components/views/entityExplorer/entityList/row.scss
index ff08796a..a2b8485d 100644
--- a/src/assets/css/components/views/entityExplorer/entityList/row.scss
+++ b/src/assets/css/components/views/entityExplorer/entityList/row.scss
@@ -239,7 +239,7 @@
       padding: 0 30px;
       font-size: 12px;
       //color: #2C72C6;
-      color: var(--el-color-business);
+      color: var(--el-color-primary);
       font-weight: 400;
       display: flex;
       flex-direction: column;
diff --git a/src/views/entityExplorer/entityList/detailOverview/App.vue b/src/views/entityExplorer/entityList/detailOverview/App.vue
index f515a23b..9171f467 100644
--- a/src/views/entityExplorer/entityList/detailOverview/App.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/App.vue
@@ -147,7 +147,7 @@
       <div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index">
         <div class="row__label row__label--width130">{{dateFormatByAppearance(performance.startTime) || '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(performance)">{{performance.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(performance)}`">{{performance.eventSeverity}}</div>
         </div>
         <div class="row__content-loading">
           <div class="performance-event-remark">{{performance.eventType}}</div>
@@ -174,7 +174,7 @@
       <div class="overview__row overview__row--small-font" v-for="(security, index) in entityData.securityList" :key="index">
         <div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(security)">{{security.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(security)}`">{{security.eventSeverity}}</div>
         </div>
         <div class="cn-detection__header">
           <i class="cn-icon cn-icon-attacker"></i>
diff --git a/src/views/entityExplorer/entityList/detailOverview/Domain.vue b/src/views/entityExplorer/entityList/detailOverview/Domain.vue
index c0a9261f..ff403b9e 100644
--- a/src/views/entityExplorer/entityList/detailOverview/Domain.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/Domain.vue
@@ -151,7 +151,7 @@
       <div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index">
         <div class="row__label row__label--width130">{{performance.startTime ? dateFormatByAppearance(Number(performance.startTime)) : '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(performance)">{{performance.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(performance)}`">{{performance.eventSeverity}}</div>
         </div>
         <div class="row__content-loading">
           <div class="performance-event-remark">{{performance.eventType}}</div>
@@ -178,7 +178,7 @@
       <div class="overview__row overview__row--small-font" v-for="(security, i) in entityData.securityList" :key="i">
         <div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(security)">{{security.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(security)}`">{{security.eventSeverity}}</div>
         </div>
         <div class="cn-detection__header">
           <i class="cn-icon cn-icon-attacker"></i>
diff --git a/src/views/entityExplorer/entityList/detailOverview/Ip.vue b/src/views/entityExplorer/entityList/detailOverview/Ip.vue
index ff837e24..9e2059ea 100644
--- a/src/views/entityExplorer/entityList/detailOverview/Ip.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/Ip.vue
@@ -187,7 +187,7 @@
       <div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index">
         <div class="row__label row__label--width130">{{performance.startTime ? dateFormatByAppearance(Number(performance.startTime)) : '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(performance)">{{performance.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(performance)}`">{{performance.eventSeverity}}</div>
         </div>
         <div class="row__content-loading">
           <div class="performance-event-remark">{{performance.eventType}}</div>
@@ -214,9 +214,9 @@
       <div class="overview__row overview__row--small-font" v-for="(security, index) in entityData.securityList" :key="index">
         <div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(security)">{{security.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(security)}`">{{security.eventSeverity}}</div>
         </div>
-        <div class="cn-detection__header" >
+        <div class="cn-detection__header">
           <i class="cn-icon cn-icon-attacker"></i>
           <span>{{ security.offenderIp }}</span>
           <div class="domain" v-if="security.offenderIp===security.serverIp">{{ security.domain }}</div>