diff --git a/resources/assets/js/pages/manage/components/DialogGroupInfo.vue b/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
index e52adb6cb..d92c37dfc 100644
--- a/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
+++ b/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
@@ -5,6 +5,9 @@
             <QuickEdit :value="dialogData.name" :disabled="dialogData.owner_id != userId" @on-update="updateName">{{dialogData.name}}</QuickEdit>
         </div>
 
+        <div class="group-info-title">{{$L('群组 ID')}}</div>
+        <div class="group-info-value">{{ dialogId }}</div>
+
         <div class="group-info-title">{{$L('群类型')}}</div>
         <div class="group-info-value">{{ $L(groupType) }}</div>
 
diff --git a/resources/assets/js/pages/manage/components/TeamManagement.vue b/resources/assets/js/pages/manage/components/TeamManagement.vue
index daa1a91fd..aaa89892d 100644
--- a/resources/assets/js/pages/manage/components/TeamManagement.vue
+++ b/resources/assets/js/pages/manage/components/TeamManagement.vue
@@ -210,6 +210,7 @@
                             <Option v-for="(option, index) in dialogList" :value="option.id" :label="option.name" :key="index">
                                 <div class="team-department-add-dialog-group">
                                     <div class="dialog-name">{{option.name}}</div>
+                                    <div class="dialog-id">ID: {{option.id}}</div>
                                     <UserAvatar :userid="option.owner_id" :size="20"/>
                                 </div>
                             </Option>
diff --git a/resources/assets/sass/pages/components/dialog-group-info.scss b/resources/assets/sass/pages/components/dialog-group-info.scss
index 514c5685e..1910d3658 100644
--- a/resources/assets/sass/pages/components/dialog-group-info.scss
+++ b/resources/assets/sass/pages/components/dialog-group-info.scss
@@ -6,6 +6,7 @@
     left: 0;
     right: 0;
     bottom: 0;
+    overflow: auto;
 
     .group-info-title {
         color: #b7b1b1;
@@ -32,24 +33,15 @@
     }
 
     .group-info-search {
+        background: #fff;
         margin: 24px 24px 0;
-    }
-
-    .group-info-button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin: 18px 24px;
-        cursor: pointer;
-
-        > button {
-            margin: 0 8px;
-        }
+        position: sticky;
+        top: 0;
+        z-index: 9;
     }
 
     .group-info-user {
         flex: 1;
-        overflow: auto;
         margin-top: 12px;
         padding: 0 12px;
 
@@ -148,6 +140,18 @@
             }
         }
     }
+
+    .group-info-button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 18px 24px;
+        cursor: pointer;
+
+        > button {
+            margin: 0 8px;
+        }
+    }
 }
 
 body.window-portrait {
diff --git a/resources/assets/sass/pages/components/team-management.scss b/resources/assets/sass/pages/components/team-management.scss
index 530e73955..2c3d16e19 100644
--- a/resources/assets/sass/pages/components/team-management.scss
+++ b/resources/assets/sass/pages/components/team-management.scss
@@ -166,6 +166,12 @@
         text-overflow: ellipsis;
         white-space: nowrap;
     }
+    .dialog-id {
+        flex-shrink: 0;
+        padding-right: 6px;
+        opacity: 0.6;
+        font-size: 13px;
+    }
 }
 
 .team-department-checkin-item {