diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index aec4ab243..4d55e180b 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -90,7 +90,7 @@
         <!-- <ion-button (click)="openMessagesPage()">Messages</ion-button>
         <ion-button (click)="openGroupMessagesPage('MduvQyrQBejb3xMrY')">Groups</ion-button>
         <ion-button (click)="destroyComponent()">Destroy</ion-button> -->
-        <app-messages [roomId]="roomId" *ngIf="showMessages" #messagecontainer></app-messages>
+        <app-messages class="d-flex height-100 flex-column" [roomId]="roomId" *ngIf="showMessages" #messagecontainer></app-messages>
         <app-group-messages [roomId]="roomId" *ngIf="showGroupMessages" #messagecontainer></app-group-messages>
       </div>
   </div>