diff --git a/project-management/frontend/src/business/menu/member/UserOptionItem.vue b/project-management/frontend/src/business/menu/member/UserOptionItem.vue
index b3388c2da6..69ed2ddc30 100644
--- a/project-management/frontend/src/business/menu/member/UserOptionItem.vue
+++ b/project-management/frontend/src/business/menu/member/UserOptionItem.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <span class="user-select-left">{{ user.name }}</span>
+    <span class="user-select-left">{{ user.name + ' (' + user.id + ')'}}</span>
     <span class="user-select-right">{{ user.email }}</span>
   </div>
 </template>
diff --git a/system-setting/frontend/src/business/common/UserOptionItem.vue b/system-setting/frontend/src/business/common/UserOptionItem.vue
index 1c8c5a338b..7c192f8dd1 100644
--- a/system-setting/frontend/src/business/common/UserOptionItem.vue
+++ b/system-setting/frontend/src/business/common/UserOptionItem.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <span class="user-select-left">{{ user.name }}</span>
+    <span class="user-select-left">{{ user.name + ' (' + user.id + ')' }}</span>
     <span class="user-select-right">{{ user.email }}</span>
   </div>
 </template>