diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
index 7585a5d86..543dd6808 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
@@ -195,14 +195,24 @@
       .system-chart-item {
         font-size: 14px;
         padding: 3px 5px;
-        text-transform:capitalize
+        text-transform:capitalize;
+        .nz-icon{
+          display: none;
+          float: right;
+          margin-right: 10px;
+        }
       }
       .system-chart-item:hover{
         color: $--color-primary;
         background: $--background-color-base !important;
       }
       .system-chart-item.is-select{
-        color: $--color-text-secondary;
+        color: $--color-primary;
+        background: $--background-color-base !important;
+        .nz-icon{
+          color: $--color-primary;
+          display: inline-block;
+        }
       }
     }
     .system-chart-config-right{
diff --git a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
index 37cf706e0..442e289f9 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
@@ -38,7 +38,7 @@
                     class="system-chart-item"
                     :class="system.name == chartConfig.param.datasource[index].type  ? 'is-select' : ''"
                     @click="changeSystem(system, index)"
-                  >{{system.name}}</li>
+                  >{{system.name}}<i class="nz-icon nz-icon-check"/></li>
                 </ul>
               </div>
               <div class="system-chart-config-right">