diff --git a/src/app/pages/chat/chat.page.ts b/src/app/pages/chat/chat.page.ts
index b71e1fa79..52d11878d 100644
--- a/src/app/pages/chat/chat.page.ts
+++ b/src/app/pages/chat/chat.page.ts
@@ -327,17 +327,11 @@ sendMsg() {
   async openMessagesModal(roomId:any){
     this.closeAllDesktopComponents();
 
-    let classs;
-    if( window.innerWidth <= 1024){
-      classs = 'modal'
-    } else  {
-      classs = 'chat-mobile-modal-to-Desktop'
-    }
     console.log(roomId);
     
     const modal = await this.modalController.create({
       component: MessagesPage,
-      cssClass: classs,
+      cssClass: 'modal modal-desktop',
       componentProps: {
         roomId: roomId,
       },
@@ -347,17 +341,12 @@ sendMsg() {
   }
 
   async openGroupMessagesModal(roomId:any){
-    let classs;
-    if( window.innerWidth <= 1024){
-      classs = 'modal'
-    } else  {
-      classs = 'chat-mobile-modal-to-Desktop'
-    }
+
     console.log(roomId);
     
     const modal = await this.modalController.create({
       component: GroupMessagesPage,
-      cssClass: classs,
+      cssClass: 'modal modal-desktop',
       componentProps: {
         roomId: roomId,
       },
diff --git a/src/app/pages/chat/group-messages/group-messages.page.scss b/src/app/pages/chat/group-messages/group-messages.page.scss
index f94b3c8e6..4d9f6849f 100644
--- a/src/app/pages/chat/group-messages/group-messages.page.scss
+++ b/src/app/pages/chat/group-messages/group-messages.page.scss
@@ -16,8 +16,6 @@
         transform: translate3d(0, 1px, 0);
         
         .header-top{
-          width: 360px;
-          margin: 0px auto;
           overflow: auto;
           padding: 0 !important;
           background: #fff;
@@ -36,7 +34,7 @@
           }
         }
         .header-bottom{
-          width: 310px;
+          padding-left: 10px;
           overflow: auto;
           margin: 0 auto;
 
diff --git a/src/app/shared/chat/group-messages/group-messages.page.scss b/src/app/shared/chat/group-messages/group-messages.page.scss
index 1d3a14713..77fcebb70 100644
--- a/src/app/shared/chat/group-messages/group-messages.page.scss
+++ b/src/app/shared/chat/group-messages/group-messages.page.scss
@@ -12,8 +12,7 @@
         //transform: translate3d(0, 1px, 0);
         
         .header-top{
-          //width: 360px;
-          margin: 0px auto;
+          width: 100%;
           overflow: auto;
           padding: 0 !important;
           background: #fff;