diff --git a/nezha-fronted/src/assets/css/components/page/monitor/project/project.scss b/nezha-fronted/src/assets/css/components/page/monitor/project/project.scss
index 33ec8558b..7270705eb 100644
--- a/nezha-fronted/src/assets/css/components/page/monitor/project/project.scss
+++ b/nezha-fronted/src/assets/css/components/page/monitor/project/project.scss
@@ -31,10 +31,9 @@
         .top-tools div:nth-of-type(1) {
           color: $--color-text-primary;
         }
-        //.nz-table2 {
-        //  padding: 0 !important;
-        //  border: 1px solid $--border-color-base !important;
-        //}
+        .nz-table2 {
+          padding: 0 !important;
+        }
         .right-bottom-zoom {
           .zoom-option {
             color: $--color-text-regular !important;
@@ -45,6 +44,12 @@
         }
       }
     }
+    .full.pr10 {
+      .el-select.el-select--small,.el-input {
+        background-color: $--background-color-empty;
+        border: 1px solid $--background-color-empty;
+      }
+    }
   }
   .hide{
     display: none;
@@ -56,6 +61,35 @@
     padding-right: 0 !important;
     width: 100%;
   }
+  .tool-top .top-tool-item-switch label {
+    color: $--color-text-regular;
+  }
+  .page.topo-page,.props-box {
+    border: 1px solid $--border-color-light;
+  }
+  .project-title {
+    background-color: $--background-color-base;
+  }
+  .edit-topologyLine.top-tools {
+    background-color: $--chart-title-hover-background-color !important;
+  }
+  .project-title {
+    height: 36px;
+    color: $--color-text-primary;
+  }
+  .vc-sketch {
+    background-color: $--background-color-empty;
+    border: 1px solid $--border-color-light;
+    margin-top: 6px;
+    .vc-input__input {
+      background-color: $--project-input-background-color;
+      color: $--color-text-regular;
+      box-shadow: inset 0 0 0 1px $--border-color-light;
+    }
+    .vc-sketch-presets {
+      border-top: none;
+    }
+  }
 }
 .project-calendar .el-input__inner {
   height: 24px;
@@ -93,3 +127,7 @@
     bottom: 18px !important;
   }
 }
+.el-card {
+  background-color: $--background-color-empty;
+  border: 1px solid $--border-color-light;
+}
diff --git a/nezha-fronted/src/assets/css/themes/theme-dark.scss b/nezha-fronted/src/assets/css/themes/theme-dark.scss
index 2702c8999..84b9ce2c9 100644
--- a/nezha-fronted/src/assets/css/themes/theme-dark.scss
+++ b/nezha-fronted/src/assets/css/themes/theme-dark.scss
@@ -207,6 +207,9 @@ $--export-span-background-color: $--background-color-base;
 /* switch */
 $--switch-background-color: $--background-color-base;
 
+/* project */
+$--project-input-background-color: $--background-color-base;
+
 /* 13.panel */
 $--chart-title-hover-background-color: #323238;
 $--chart-box-border-color: $--border-color-light;
diff --git a/nezha-fronted/src/assets/css/themes/theme-light.scss b/nezha-fronted/src/assets/css/themes/theme-light.scss
index 2707b4e85..17374b2f0 100644
--- a/nezha-fronted/src/assets/css/themes/theme-light.scss
+++ b/nezha-fronted/src/assets/css/themes/theme-light.scss
@@ -204,6 +204,9 @@ $--export-span-background-color: $--background-color-base;
 /* switch */
 $--switch-background-color: #dcdfe6;
 
+/* project */
+$--project-input-background-color: $--color-text-disabled;
+
 /* 13.panel */
 $--chart-title-hover-background-color: $--background-color-1;
 $--chart-box-border-color: $--border-color-light;
diff --git a/nezha-fronted/src/components/common/project/topologyL5.vue b/nezha-fronted/src/components/common/project/topologyL5.vue
index 3ab54ca62..2423e740e 100644
--- a/nezha-fronted/src/components/common/project/topologyL5.vue
+++ b/nezha-fronted/src/components/common/project/topologyL5.vue
@@ -6,7 +6,7 @@
   <div class="project-box list-page" v-loading="topologyLoading" v-has="'topo_list'">
     <div class="main-list" :style="{height: fromOverView ?'100%' : 'calc(100% - 30px)'}">
       <div class="main-container" :class="fromOverView?'from-overview':'from-project'">
-        <div v-if="(editTopologyFlag || isPreview)&&!fromChart" class="edit-topologyLine top-tools" style="padding-left: 20px;width: calc(100% - 20px);display: inline-block">
+        <div v-if="(editTopologyFlag || isPreview)&&!fromChart" class="edit-topologyLine top-tools" style="padding-left: 20px;width: calc(100% - 40px);display: inline-block">
           <!--工具栏-->
           <span v-if="!isPreview" class="project-topology-tool">
           <el-dropdown trigger="click" size="small" placement="bottom-start" v-has="'topo_icon_list'">