diff --git a/frontend/src/views/system/permission/SelectPermission.vue b/frontend/src/views/system/permission/SelectPermission.vue
index d46a2d23..85f6798a 100644
--- a/frontend/src/views/system/permission/SelectPermission.vue
+++ b/frontend/src/views/system/permission/SelectPermission.vue
@@ -216,9 +216,13 @@ defineExpose({
   .flex {
     display: flex;
   }
+  .ed-checkbox {
+    margin-right: 0 !important;
+  }
 
   .border-r {
     border-right: 1px solid #dee0e3;
+    width: 50%;
   }
 }
 </style>
diff --git a/frontend/src/views/system/permission/index.vue b/frontend/src/views/system/permission/index.vue
index 35bdf73e..99925fc2 100644
--- a/frontend/src/views/system/permission/index.vue
+++ b/frontend/src/views/system/permission/index.vue
@@ -417,7 +417,8 @@ const next = () => {
     }
   })
 }
-const savePermission = () => {
+
+const save = () => {
   const { id, name, permissions, users } = cloneDeep(currentPermission)
 
   const permissionsObj = permissions.map((ele: any) => {
@@ -459,6 +460,18 @@ const savePermission = () => {
     handleSearch()
   })
 }
+const savePermission = () => {
+  if (!isCreate.value && activeStep.value === 0) {
+    termFormRef.value.validate((res: any) => {
+      if (res) {
+        save()
+      }
+    })
+    return
+  }
+
+  save()
+}
 
 const columnRules = {
   name: [
@@ -809,6 +822,8 @@ const columnRules = {
 
 <style lang="less" scoped>
 .permission {
+  height: 100%;
+  width: 100%;
   .ed-empty {
     padding-top: 200px;
     padding-bottom: 0;