diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.html
index 38c570c2..ba04054d 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.html
@@ -1,7 +1,7 @@
 <!-- MESSAGE -->
 <div
   #mbContainer
-  class="message-row hide"
+  class="message-row"
   [ngClass]="{
     me: mine,
     contact: !mine,
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.ts
index e9138496..8dc84d68 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.ts
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.ts
@@ -107,7 +107,7 @@ export class MessageBoxComponent implements OnInit, AfterViewInit {
   ) {}
 
   ngOnInit() {
-    // this.elementRef.nativeElement.classList.add('hide');
+    this.mbContainer.nativeElement.classList.add('hide');
   }
 
   ngAfterViewInit(): void {