diff --git a/nezha-fronted/src/assets/css/components/chart/chart.scss b/nezha-fronted/src/assets/css/components/chart/chart.scss
index 84ababc80..06972213d 100644
--- a/nezha-fronted/src/assets/css/components/chart/chart.scss
+++ b/nezha-fronted/src/assets/css/components/chart/chart.scss
@@ -80,7 +80,17 @@
     }
   }
 }
-
+.chart__canvas {
+  div:nth-of-type(2) {
+    background-color: $--background-color-empty !important;
+    border-color: $--border-color-light !important;
+  }
+  .nz-chart__tooltip {
+    .row__label,.row__value {
+      color: $--color-text-regular;
+    }
+  }
+}
 .nz-chart {
   position: relative;
   height: 100%;
diff --git a/nezha-fronted/src/assets/css/components/common/nzTransfer.scss b/nezha-fronted/src/assets/css/components/common/nzTransfer.scss
index 03808bc6c..98c5f3576 100644
--- a/nezha-fronted/src/assets/css/components/common/nzTransfer.scss
+++ b/nezha-fronted/src/assets/css/components/common/nzTransfer.scss
@@ -37,6 +37,12 @@
           }
         }
       }
+      .el-table tr.el-table__row {
+        background-color: $--background-color-empty;
+      }
+      .el-table th.is-leaf {
+        border-bottom: 1px solid $--border-color-light;
+      }
     }
 
     .box__footer {
diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/asset/assetBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/asset/assetBox.scss
index a00767a43..07658c234 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/asset/assetBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/asset/assetBox.scss
@@ -42,4 +42,3 @@
     font-size: 12px;
   }
 }
-
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 8d4a8728c..f75d4037f 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
@@ -20,7 +20,7 @@
     }
     .metrics-input-box{
       .input-box .el-textarea .el-textarea__inner {
-        width: 508px;
+        width: calc(100% + 42px);
       }
       .metric-selector-input-box{
         line-height: 32px;
diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/moduleBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/moduleBox.scss
index dee3763a3..87e5cfcb3 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/moduleBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/moduleBox.scss
@@ -203,6 +203,9 @@
       text-transform: Capitalize;
     }
   }
+  .el-input-group__append {
+    background-color: $--border-color-light;
+  }
 }
 .sub-label {
   padding-right: 15px;
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 3a5de955e..c7c6f88c4 100644
--- a/nezha-fronted/src/assets/css/components/page/dashboard/panel.scss
+++ b/nezha-fronted/src/assets/css/components/page/dashboard/panel.scss
@@ -26,17 +26,6 @@
   .legend--table-cell,.legend-item {
     color: $--color-text-regular;
   }
-  .chart__canvas {
-    div:nth-of-type(2) {
-      background-color: $--background-color-empty !important;
-      border-color: $--border-color-light !important;
-    }
-    .nz-chart__tooltip {
-      .row__label,.row__value {
-        color: $--color-text-regular;
-      }
-    }
-  }
   .legend-container {
     .legend--table-row.table-header {
       .legend--table-cell {