diff --git a/nezha-fronted/src/assets/stylus/index.scss b/nezha-fronted/src/assets/stylus/index.scss
index be2e3c2a2..ea1bd9bb0 100644
--- a/nezha-fronted/src/assets/stylus/index.scss
+++ b/nezha-fronted/src/assets/stylus/index.scss
@@ -23,6 +23,7 @@ $btn-normal-txt-color-new: #fff; //新橙色按钮字体颜色
 
 $btn-light-border-color-new:rgba(0,0,0,0.15);//新灰色按钮背景颜色
 $btn-light-border-color-hover-new:rgba(250,144,28,0.3);//新灰色按钮hover背景颜色
+$btn-light-txt-color-hover-new:rgba(250,144,28,1);//新灰色按钮hover背景颜色
 $btn-light-border-color-active-new:#FA901C;//新灰色按钮active背景颜色
 $btn-light-txt-color-new: #333;//新灰色色按钮字体颜色
 
diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index cef9fb8c9..94dc05e0c 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -285,7 +285,7 @@ li{
 }
 .nz-btn.nz-btn-style-light-new:hover:not(.nz-btn-disabled) { /* 新版浅色按钮hover */
   border: 1px solid $btn-light-border-color-hover-new;
-  color: $btn-light-border-color-hover-new;
+  color: $btn-light-txt-color-hover-new;
   //box-shadow: $btn-light-shadow;
   letter-spacing: 0;
 }
@@ -1331,6 +1331,9 @@ li{
 .right-box-form .el-select {
   width: 100%;
 }
+.right-box-form .select-warp .el-select {
+  width: calc(100% - 120px);
+}
 .right-box-form .el-form-item .el-form-item__label {
   padding: 0;
   font-size: 14px;
@@ -2189,3 +2192,9 @@ li{
   width: 390px;
   margin-left: 0;
 }
+.right-box-form .add{
+  background: rgba(250,144,28,.1);
+}
+.right-box-form .add .nz-icon-create-square{
+  color: #FA901C;
+}
diff --git a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
index 62b97bbb2..b3e6b0006 100644
--- a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
@@ -12,13 +12,13 @@
     <el-scrollbar class="right-box-form-box">
       <el-form class="right-box-form right-box-form-left" label-position="right" ref="addEndpoint" :model="endpoint" :rules="rules">
         <!--project-->
-        <el-form-item :label='$t("project.project.project")' prop="projectId">
+        <el-form-item :label='$t("project.project.project")' prop="projectId" class="select-warp">
           <el-select @change="((val) => {changeProject(val)})" value-key="id" popper-class="config-dropdown" v-model="currentProjectCopy" placeholder="" size="small">
             <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item" :id="'project-'+item.id"></el-option>
           </el-select>
         </el-form-item>
         <!--module-->
-        <el-form-item :label='$t("project.module.module")' prop="moduleId">
+        <el-form-item :label='$t("project.module.module")' prop="moduleId" class="select-warp">
           <el-select @change="((val) => {changeModule(val)})" value-key="id" popper-class="config-dropdown" v-model="currentModuleCopy" placeholder="" size="small">
             <el-option v-for="item in moduleList" :key="item.id" :label="item.name" :value="item" :id="'module-'+item.id"></el-option>
           </el-select>
@@ -30,8 +30,8 @@
             <div class="right-child-box-title">{{$t('asset.asset')}}</div>
             <!--end--标题-->
             <!--begin--搜索框-->
-            <div style="float: right;padding: 9px 0px 0px 0px;">
-              <div class="nz-btn-group nz-btn-group-size-small nz-btn-group-light endpoint-asset-search">
+            <div style="float: right;padding: 9px 9px 0px 0px;">
+              <div class="nz-btn-group nz-btn-group-size-small nz-btn-group-light endpoint-asset-search" style="margin: 0">
                 <button id="search-asset-drop" type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-prepend" @click="assetSearch.dropdownShow = !assetSearch.dropdownShow">
                   <span class="endpoint-asset-label-txt">{{assetSearch.label}}</span>
                   <span>
@@ -694,7 +694,7 @@
 
   /* begin--小盒子*/
   .right-child-boxes {
-    height: calc(100% - 180px);
+    height: calc(100% - 120px);
     position: relative;
   }
   .endpoint-to-right-symbol {
@@ -737,7 +737,7 @@
     top: 5px;
   }
   .right-child-box-title {
-    padding: 9px 0 0 4px;
+    padding: 9px 0 0 9px;
     display: inline-block;
   }
   .endpoints-box-module-info {
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
index 984e6ed7a..1297fd482 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
@@ -62,12 +62,12 @@
           </template>
           <div style="text-align: right">
             <button style="display: none;">第一个button会出现意料之外的hover样式，找不到原因，只好加个不可见的button规避问题</button>
-            <button type="button" id="edit-clear-all" @click="clearAllParam" class="nz-btn nz-btn-size-normal nz-btn-style-light">
-              <span><i class="nz-icon nz-icon-delete"></i></span>
-            </button>
-            <button type="button" id="edit-add-param" @click="addParam" class="nz-btn nz-btn-size-normal nz-btn-style-light">
-              <span><i style="font-size: 12px;" class="nz-icon nz-icon-create-square"></i></span>
-            </button>
+            <!--<button type="button" id="edit-clear-all" @click="clearAllParam" class="nz-btn nz-btn-size-normal nz-btn-style-light">-->
+              <!--<span><i class="nz-icon nz-icon-delete"></i></span>-->
+            <!--</button>-->
+            <span id="edit-add-param" @click="addParam" class="add">
+              <i style="font-size: 12px;" class="nz-icon nz-icon-create-square"></i>
+            </span>
           </div>
           <div class="param-box param-box-module">
             <el-scrollbar ref="paramBoxScrollbar" style="height: 100%">