diff --git a/src/app/pages/chat/chat.page.ts b/src/app/pages/chat/chat.page.ts
index 52d11878d..2a9b58dd0 100644
--- a/src/app/pages/chat/chat.page.ts
+++ b/src/app/pages/chat/chat.page.ts
@@ -294,7 +294,7 @@ sendMsg() {
   async selectContact(){
     const modal = await this.modalController.create({
       component: ContactsPage,
-      cssClass: 'contacts',
+      cssClass: 'modal modal-desktop',
     });
     await modal.present();
     modal.onDidDismiss();
@@ -303,7 +303,7 @@ sendMsg() {
   async newGroup(){
     const modal = await this.modalController.create({
       component: NewGroupPage,
-      cssClass: 'new-group',
+      cssClass: 'modal modal-desktop',
     });
     await modal.present();
     modal.onDidDismiss();
@@ -312,7 +312,7 @@ sendMsg() {
   async editGroup(roomId){
     const modal = await this.modalController.create({
       component: EditGroupPage,
-      cssClass: 'edit-group',
+      cssClass: 'modal modal-desktop',
       componentProps: {
         roomId: roomId,
       },