diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.html
index 19570fd5..88cda4f3 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.html
@@ -65,24 +65,26 @@
   </mat-menu>
 </div>
 <div *ngIf="!isShowSearch" class="search-result" style="overflow: auto;">
-  <ucap-group-expansion-panel
-    #groupExpansionPanel
-    [groupBuddyList]="groupBuddyList$ | async"
-    [favoritBuddyList]="favoritBuddyList$ | async"
-    [myProfileInfo]="loginRes.userInfo"
-    (more)="onMoreGroup($event)"
-  >
-    <ucap-profile-user-list-item
-      *ucapGroupExpansionPanelItem="let userInfo"
-      [userInfo]="userInfo"
-      [presence]="getStatusBulkInfo(userInfo) | async"
-      [sessionVerinfo]="sessionVerinfo"
-      (click)="onSelectBuddy(userInfo)"
-      (openProfile)="onClickOpenProfile($event)"
-      (contextmenu)="onContextMenuProfile($event, userInfo)"
+  <perfect-scrollbar>
+    <ucap-group-expansion-panel
+      #groupExpansionPanel
+      [groupBuddyList]="groupBuddyList$ | async"
+      [favoritBuddyList]="favoritBuddyList$ | async"
+      [myProfileInfo]="loginRes.userInfo"
+      (more)="onMoreGroup($event)"
     >
-    </ucap-profile-user-list-item>
-  </ucap-group-expansion-panel>
+      <ucap-profile-user-list-item
+        *ucapGroupExpansionPanelItem="let userInfo"
+        [userInfo]="userInfo"
+        [presence]="getStatusBulkInfo(userInfo) | async"
+        [sessionVerinfo]="sessionVerinfo"
+        (click)="onSelectBuddy(userInfo)"
+        (openProfile)="onClickOpenProfile($event)"
+        (contextmenu)="onContextMenuProfile($event, userInfo)"
+      >
+      </ucap-profile-user-list-item>
+    </ucap-group-expansion-panel>
+  </perfect-scrollbar>
 </div>
 <div *ngIf="isShowSearch" class="search-result">
   <div *ngIf="searchProcessing">
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
index 4df1763d..c25e0d7a 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
@@ -46,19 +46,21 @@
       <mat-progress-bar mode="indeterminate"></mat-progress-bar>
     </div>
     <div *ngIf="!isShowSearch" class="search-list">
-      <cdk-virtual-scroll-viewport itemSize="20" style="height: 100%;">
-        <ucap-profile-user-list-item
-          *cdkVirtualFor="let userInfo of selectedDepartmentUserInfoList"
-          [userInfo]="userInfo"
-          [checkable]="true"
-          [sessionVerinfo]="sessionVerinfo"
-          [selectedUserList]="selectedUserList"
-          [isChecked]="getCheckedUser(userInfo)"
-          (checkUser)="onCheckUser($event)"
-        >
-          Loading...
-        </ucap-profile-user-list-item>
-      </cdk-virtual-scroll-viewport>
+      <perfect-scrollbar>
+        <cdk-virtual-scroll-viewport itemSize="20" fxFlexFill>
+          <ucap-profile-user-list-item
+            *cdkVirtualFor="let userInfo of selectedDepartmentUserInfoList"
+            [userInfo]="userInfo"
+            [checkable]="true"
+            [sessionVerinfo]="sessionVerinfo"
+            [selectedUserList]="selectedUserList"
+            [isChecked]="getCheckedUser(userInfo)"
+            (checkUser)="onCheckUser($event)"
+          >
+            Loading...
+          </ucap-profile-user-list-item>
+        </cdk-virtual-scroll-viewport>
+      </perfect-scrollbar>
       <!-- <ucap-profile-user-list-item
         *ngFor="let userInfo of selectedDepartmentUserInfoList$ | async"
         [userInfo]="userInfo"