diff --git a/frontend/src/components/layout/LayoutDsl.vue b/frontend/src/components/layout/LayoutDsl.vue
index ce754ff9..afedd2db 100644
--- a/frontend/src/components/layout/LayoutDsl.vue
+++ b/frontend/src/components/layout/LayoutDsl.vue
@@ -162,6 +162,17 @@ const showSysmenu = computed(() => {
         .fold {
           cursor: pointer;
           margin-left: auto;
+          border-radius: 6px;
+          width: 40px;
+          height: 40px;
+          &:hover,
+          &:focus {
+            background: #1f23291a;
+          }
+
+          &:active {
+            background: #1f232933;
+          }
         }
       }
     }
diff --git a/frontend/src/style.less b/frontend/src/style.less
index e55662f9..a96e0c48 100644
--- a/frontend/src/style.less
+++ b/frontend/src/style.less
@@ -413,3 +413,9 @@ strong {
 .ed-dropdown__popper {
   --ed-dropdown-menuItem-hover-fill: #1f23291a !important;
 }
+.ed-dialog__headerbtn {
+  border-radius: 6px !important;
+  &.mrt {
+    margin-top: -7px;
+  }
+}
diff --git a/frontend/src/views/ds/AddDrawer.vue b/frontend/src/views/ds/AddDrawer.vue
index 19272c4d..aa3b69ec 100644
--- a/frontend/src/views/ds/AddDrawer.vue
+++ b/frontend/src/views/ds/AddDrawer.vue
@@ -97,7 +97,7 @@ defineExpose({
           </el-step>
         </el-steps>
       </div>
-      <el-icon style="cursor: pointer" @click="close">
+      <el-icon class="ed-dialog__headerbtn mrt" style="cursor: pointer" @click="close">
         <icon_close_outlined></icon_close_outlined>
       </el-icon>
     </template>
diff --git a/frontend/src/views/system/embedded/Page.vue b/frontend/src/views/system/embedded/Page.vue
index e26ddffe..8f85fae1 100644
--- a/frontend/src/views/system/embedded/Page.vue
+++ b/frontend/src/views/system/embedded/Page.vue
@@ -689,14 +689,18 @@ const copyCode = (row: any, key: any = 'app_secret') => {
         .ed-icon {
           margin-left: 8px;
         }
+
+        .ed-icon + .ed-icon {
+          margin-left: 12px;
+        }
       }
       .field-comment {
         height: 24px;
+
         .ed-icon {
           position: relative;
           cursor: pointer;
           margin-top: 4px;
-          margin-right: 10px;
 
           &::after {
             content: '';
@@ -721,6 +725,9 @@ const copyCode = (row: any, key: any = 'app_secret') => {
             cursor: not-allowed;
           }
         }
+        .ed-icon + .ed-icon {
+          margin-left: 12px;
+        }
       }
 
       .preview-num {
diff --git a/frontend/src/views/system/embedded/iframe.vue b/frontend/src/views/system/embedded/iframe.vue
index 1f6ca562..e35f9da0 100644
--- a/frontend/src/views/system/embedded/iframe.vue
+++ b/frontend/src/views/system/embedded/iframe.vue
@@ -1288,7 +1288,7 @@ const saveHandler = () => {
         background: #1f23291a;
       }
       .ed-button + .ed-button {
-        margin-left: 4px;
+        margin-left: 8px;
       }
     }
 
diff --git a/frontend/src/views/system/model/Model.vue b/frontend/src/views/system/model/Model.vue
index 8c535aed..308c2b0e 100644
--- a/frontend/src/views/system/model/Model.vue
+++ b/frontend/src/views/system/model/Model.vue
@@ -437,7 +437,7 @@ const submit = (item: any) => {
             </el-step>
           </el-steps>
         </div>
-        <el-icon style="cursor: pointer" @click="close">
+        <el-icon class="ed-dialog__headerbtn mrt" style="cursor: pointer" @click="close">
           <icon_close_outlined></icon_close_outlined>
         </el-icon>
       </template>
diff --git a/frontend/src/views/system/model/ModelForm.vue b/frontend/src/views/system/model/ModelForm.vue
index 78b96232..77c503da 100644
--- a/frontend/src/views/system/model/ModelForm.vue
+++ b/frontend/src/views/system/model/ModelForm.vue
@@ -589,7 +589,7 @@ defineExpose({
         background: #1f23291a;
       }
       .ed-button + .ed-button {
-        margin-left: 4px;
+        margin-left: 8px;
       }
     }
   }
diff --git a/frontend/src/views/system/permission/index.vue b/frontend/src/views/system/permission/index.vue
index e58a4830..d1a187fd 100644
--- a/frontend/src/views/system/permission/index.vue
+++ b/frontend/src/views/system/permission/index.vue
@@ -626,7 +626,7 @@ const columnRules = {
             </el-step>
           </el-steps>
         </div>
-        <el-icon style="cursor: pointer" @click="close">
+        <el-icon class="ed-dialog__headerbtn mrt" style="cursor: pointer" @click="close">
           <icon_close_outlined></icon_close_outlined>
         </el-icon>
       </template>
@@ -994,7 +994,7 @@ const columnRules = {
             .action-btn {
               margin-top: 4px;
               &:nth-child(1) {
-                margin-right: 8px;
+                margin-right: 12px;
               }
             }
           }
diff --git a/frontend/src/views/system/professional/index.vue b/frontend/src/views/system/professional/index.vue
index 3cada580..6ff821ea 100644
--- a/frontend/src/views/system/professional/index.vue
+++ b/frontend/src/views/system/professional/index.vue
@@ -661,7 +661,6 @@ const deleteHandlerItem = (idx: number) => {
           position: relative;
           cursor: pointer;
           margin-top: 4px;
-          margin-right: 10px;
 
           &::after {
             content: '';
@@ -686,6 +685,9 @@ const deleteHandlerItem = (idx: number) => {
             cursor: not-allowed;
           }
         }
+        .ed-icon + .ed-icon {
+          margin-left: 12px;
+        }
       }
 
       .preview-num {