diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html
index 64fc66ea..e9da09fc 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html
@@ -16,7 +16,7 @@
     <div
       *ngIf="eventRemained && !!eventList && eventList.length > 0"
       class="message-row view-previous"
-      [class.hide]="!initalized"
+      [class.hide]="!scrollUpInitalized"
     >
       <button mat-button (click)="onClickMore($event)" class="bg-accent-dark">
         <svg
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts
index 56af380a..37cccae8 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts
@@ -668,6 +668,7 @@ export class MessagesComponent implements OnInit, OnDestroy {
     }
     this.scrollUpInitalized = true;
     this.scrollUp.emit(event);
+    this.changeDetectorRef.detectChanges();
   }
   onYReachStart(event: any) {
     this.yReachStart.emit(event);