diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss
index a59e9559b..af35b8d15 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss
@@ -33,7 +33,7 @@
     background: $--border-color-light;
     border: $--border-color-light;
     .hide-icon{
-      width: 38px;
+      width: auto;
       .el-input__inner{
         border: none;
         text-align: center;
@@ -41,8 +41,9 @@
     }
   }
   .el-input-group__append {
-    background: $--border-color-light;
-    border: $--border-color-light;
+    border: 1px solid $--border-color-light;
+    background-color: $--right-box-sub-title-background-color;
+    border-left: none;
   }
   .alert-rule-split-title{
     background: $--background-color-base;
diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/panelBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/panelBox.scss
index 483b27ae9..0524a62b8 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/panelBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/panelBox.scss
@@ -155,6 +155,7 @@
       .el-input-group__append{
         border: 1px solid $--border-color-light;
         background-color: $--right-box-sub-title-background-color;
+        border-left: none;
       }
     }
   }