diff --git a/nezha-fronted/src/assets/css/components/chart/chart.scss b/nezha-fronted/src/assets/css/components/chart/chart.scss
index cb3afe0dd..6b919a005 100644
--- a/nezha-fronted/src/assets/css/components/chart/chart.scss
+++ b/nezha-fronted/src/assets/css/components/chart/chart.scss
@@ -84,6 +84,20 @@
       }
     }
   }
+  .nz-panel-chart {
+    height: 100%;
+    width: 100%;
+    .nz-panel-chart__no-data {
+      width: 100%;
+      text-align: center;
+      position: absolute;
+      top: 50%;
+      margin-top: -12px;
+      color: $--color-text-regular;
+      font-family: NotoSans;
+      font-size: 12px;
+    }
+  }
 }
 .panel-chart.panel-chart--fullscreen {
   border: none;
@@ -99,6 +113,9 @@
   div:nth-of-type(2) {
     background-color: $--background-color-empty !important;
     border-color: $--border-color-light !important;
+    div div {
+      color: $--color-text-regular;
+    }
   }
   .nz-chart__tooltip {
     .row__label,.row__value {
diff --git a/nezha-fronted/src/assets/css/components/common/multipleTime.scss b/nezha-fronted/src/assets/css/components/common/multipleTime.scss
index dfbfa8e92..1985b3c36 100644
--- a/nezha-fronted/src/assets/css/components/common/multipleTime.scss
+++ b/nezha-fronted/src/assets/css/components/common/multipleTime.scss
@@ -1,4 +1,8 @@
 .multiple-time-box {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 4px;
   .loading-font {
     color: #232f3e !important;
   }
@@ -52,12 +56,6 @@
   }
   .calendar-popover-text {
   }
-  .multiple-time-box {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 4px;
-  }
   .compare-box .nz-icon-compare {
     border-right: none;
   }
diff --git a/nezha-fronted/src/assets/css/components/page/dashboard/overview/overview2.scss b/nezha-fronted/src/assets/css/components/page/dashboard/overview/overview2.scss
index fbd133b74..b9f2e142a 100644
--- a/nezha-fronted/src/assets/css/components/page/dashboard/overview/overview2.scss
+++ b/nezha-fronted/src/assets/css/components/page/dashboard/overview/overview2.scss
@@ -717,4 +717,17 @@
 }
 .leaflet-bottom{
   z-index: 409;
+  .leaflet-control-zoom {
+    a {
+      background-color: $--background-color-base;
+      i {
+        color: $--overview-icon-color;
+      }
+    }
+    a.leaflet-disabled {
+      i {
+        color: $--overview-disabled-icon-color;
+      }
+    }
+  }
 }
diff --git a/nezha-fronted/src/assets/css/components/page/dashboard/panel.scss b/nezha-fronted/src/assets/css/components/page/dashboard/panel.scss
index 3aee287d9..528e13bca 100644
--- a/nezha-fronted/src/assets/css/components/page/dashboard/panel.scss
+++ b/nezha-fronted/src/assets/css/components/page/dashboard/panel.scss
@@ -10,6 +10,16 @@
   .table-list {
     height: calc(100% - 58px);
   }
+  .no-data {
+    text-align: center;
+    position: absolute;
+    width: 100%;
+    top: 50%;
+    margin-top: -54px;
+    .no-data-div {
+      color: $--color-text-regular;
+    }
+  }
 }
 
 .panel .el-table {
diff --git a/nezha-fronted/src/assets/css/themes/theme-dark.scss b/nezha-fronted/src/assets/css/themes/theme-dark.scss
index 84b9ce2c9..db5cba258 100644
--- a/nezha-fronted/src/assets/css/themes/theme-dark.scss
+++ b/nezha-fronted/src/assets/css/themes/theme-dark.scss
@@ -174,6 +174,8 @@ $--overview-project-icon-color: $--time-picker-hover-color;
 $--overview-module-icon-color: $--time-picker-hover-color;
 $--overview-endpoint-icon-color: $--time-picker-hover-color;
 $--overview-alert-icon-color: $--time-picker-hover-color;
+$--overview-disabled-icon-color: $--color-text-disabled;
+$--overview-icon-color: $--color-text-primary;
 // background
 $--overview-module-icon-background-color: #5F80D5;
 $--overview-endpoint-icon-background-color: #7F87EA;
diff --git a/nezha-fronted/src/assets/css/themes/theme-light.scss b/nezha-fronted/src/assets/css/themes/theme-light.scss
index 17374b2f0..a6eca9da3 100644
--- a/nezha-fronted/src/assets/css/themes/theme-light.scss
+++ b/nezha-fronted/src/assets/css/themes/theme-light.scss
@@ -171,6 +171,8 @@ $--overview-project-icon-color: #F6B275;
 $--overview-module-icon-color: #7AD0BC;
 $--overview-endpoint-icon-color: #969DEA;
 $--overview-alert-icon-color: #EE9A87;
+$--overview-disabled-icon-color: $--color-text-secondary;
+$--overview-icon-color: #18171D;
 // background
 $--overview-module-icon-background-color: $--value-color;
 $--overview-endpoint-icon-background-color: $--value-color;
diff --git a/nezha-fronted/src/components/chart/chart/chartNoData.vue b/nezha-fronted/src/components/chart/chart/chartNoData.vue
index 04b4c6fd6..0c2b2f1fd 100644
--- a/nezha-fronted/src/components/chart/chart/chartNoData.vue
+++ b/nezha-fronted/src/components/chart/chart/chartNoData.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="nz-chart__no-data"></div>
+  <div class="nz-panel-chart">
+    <div class="nz-panel-chart__no-data">No data</div>
+  </div>
 </template>
 
 <script>
@@ -7,7 +9,3 @@ export default {
   name: 'chartNoData'
 }
 </script>
-
-<style scoped>
-
-</style>
diff --git a/nezha-fronted/src/components/chart/chartList.vue b/nezha-fronted/src/components/chart/chartList.vue
index 36109da01..e931abdb2 100644
--- a/nezha-fronted/src/components/chart/chartList.vue
+++ b/nezha-fronted/src/components/chart/chartList.vue
@@ -33,7 +33,7 @@
         ></panel-chart>
       </grid-item>
     </grid-layout>
-
+    <!-- noData -->
     <div v-if="noData" class="no-data">
       <svg aria-hidden="true" class="icon">
         <use xlink:href="#nz-icon-no-data-panel"></use>
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index 6a43637d9..7e7b4765a 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -94,6 +94,7 @@
                 @on-refresh-time="refreshTime"
                 @on-remove-chart="delChart"
                 @on-add-group-item-chart="addGroupItem"
+                :loading="chartListLoading"
               ></chart-list>
             </div>
           </div>