diff --git a/src/components/semri/deptUserComponent/SzDeptUserModal.vue b/src/components/semri/deptUserComponent/SzDeptUserModal.vue
index 1a7767f..1941035 100644
--- a/src/components/semri/deptUserComponent/SzDeptUserModal.vue
+++ b/src/components/semri/deptUserComponent/SzDeptUserModal.vue
@@ -10,6 +10,7 @@
           mode="multiple"
           :maxTagCount="3"
           style="width: 100%"
+          @update:value="handleSelectRemove"
         />
       </a-col>
       <a-col class="right">
@@ -145,6 +146,13 @@ function clearTemp() {
   tempSelectedUsers.value = [];
 }
 
+function handleSelectRemove(names: string[]) {
+  innerSelectedUsers.value = innerSelectedUsers.value.filter((u) => names.includes(u.realname));
+  const keyValue = innerSelectedUsers.value.map((u) => u[props.valueKey]).join(',');
+  emit('update:value', keyValue);
+  emit('change', keyValue);
+}
+
 function handleOk() {
   innerSelectedUsers.value = [...tempSelectedUsers.value];
   const keyValue = innerSelectedUsers.value.map((u) => u[props.valueKey]).join(',');
diff --git a/src/design/theme.less b/src/design/theme.less
index 7d4816c..02a961c 100644
--- a/src/design/theme.less
+++ b/src/design/theme.less
@@ -4,7 +4,7 @@
 
 ::-webkit-scrollbar {
   height: 14px;
-  width: 14px;
+  width: 7px;
 }
 
 html[data-theme='light'] {