diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
index 7f96e423..d6bb7160 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
@@ -50,7 +50,20 @@
   </div>
 </div>
 <div *ngIf="!isSearch" class="app-layout-chat-left-sidenav-chat-list">
-  <cdk-virtual-scroll-viewport
+  <perfect-scrollbar fxFlex="1 1 auto">
+    <ucap-room-list-item
+      *ngFor="let room of roomList"
+      [loginRes]="loginRes"
+      [roomInfo]="room"
+      [roomUserInfo]="getRoomUserList(room)"
+      [sessionVerinfo]="sessionVerinfo"
+      (click)="onClickContextMenu('SELECT_ROOM', room)"
+      (contextmenu)="onContextMenuChat($event, room)"
+      class="ucap-clickable"
+    >
+    </ucap-room-list-item>
+  </perfect-scrollbar>
+  <!-- <cdk-virtual-scroll-viewport
     #cvsvChatList
     itemSize="80"
     perfectScrollbar
@@ -67,7 +80,7 @@
       class="ucap-clickable"
     >
     </ucap-room-list-item>
-  </cdk-virtual-scroll-viewport>
+  </cdk-virtual-scroll-viewport> -->
 </div>
 <div *ngIf="!!isSearch" class="app-layout-chat-left-sidenav-chat-list search">
   <perfect-scrollbar fxFlex="1 1 auto">
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts
index cba8c4a0..fa3d72b8 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts
@@ -5,7 +5,8 @@ import {
   OnDestroy,
   ViewChild,
   AfterViewChecked,
-  Input
+  Input,
+  ChangeDetectorRef
 } from '@angular/core';
 import {
   ucapAnimations,
@@ -84,7 +85,8 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
     private logger: NGXLogger,
     private dialogService: DialogService,
     private sessionStorageService: SessionStorageService,
-    private translateService: TranslateService
+    private translateService: TranslateService,
+    private changeDetectorRef: ChangeDetectorRef
   ) {
     this.sessionVerinfo = this.sessionStorageService.get<VersionInfo2Response>(
       KEY_VER_INFO
@@ -160,6 +162,8 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
           if (!!this.psDirectiveRef) {
             this.psDirectiveRef.update();
           }
+
+          // this.changeDetectorRef.detectChanges();
         })
       )
       .subscribe();