diff --git a/nezha-fronted/src/components/page/dashboard/chartBox.vue b/nezha-fronted/src/components/page/dashboard/chartBox.vue
index e5bab3c43..71d7c1164 100644
--- a/nezha-fronted/src/components/page/dashboard/chartBox.vue
+++ b/nezha-fronted/src/components/page/dashboard/chartBox.vue
@@ -139,6 +139,7 @@
   .color-arrows .nz-icon{
     font-size: 12px;
   }
+
 </style>
 <template key="chartBox">
   <div @click.self="clickOutside" class="mc">
@@ -1715,5 +1716,8 @@
   .el-color-picker__panel{
     border-radius: 0 0 5px 5px;
   }
+  .el-color-dropdown{
+    z-index: 2200!important;
+  }
 </style>