diff --git a/src/app/pages/chat/messages/messages.page.html b/src/app/pages/chat/messages/messages.page.html
index 09e4eb52c..210ea05b7 100644
--- a/src/app/pages/chat/messages/messages.page.html
+++ b/src/app/pages/chat/messages/messages.page.html
@@ -42,29 +42,32 @@
 </ion-header>
 
 <ion-content>
-  <div (click)="handleClick()" class="messages" #scrollMe>
+  <div (click)="handleClick()" class="message-attachments messages" #scrollMe>
 
-    <div class="messages-list-item-wrapper container-width-100"
+    <div class="messages-list-item-wrapper container-width-100 file"
       *ngFor="let msg of wsChatMethodsService.getDmRoom(this.roomId).messages; let last = last"
       [class.messages-list-item-wrapper-active]="msg._id == selectedMsgId">
-      <div (press)="handlePress(msg._id)" class='message-container incoming-{{msg.u.username!=sessionStore.user.UserName}}'
+      <div (press)="handlePress(msg._id)" class='file message-container incoming-{{msg.u.username!=sessionStore.user.UserName}}'
         *ngIf="msg.msg !=''">
-        <div class="title">
+        <div class="title file">
           <ion-label >{{msg.u.name}}</ion-label>
           <span class="time">{{msg.duration}}</span>
         </div>
         <div>
+          <!-- <div class="message-attachments"> -->
+            <div class="file">
+              <ion-label *ngIf="msg.delate == false">{{msg.msg}}</ion-label>
+              <ion-label *ngIf="msg.delate == true">{{msg.msg}}</ion-label>
 
-          <ion-label *ngIf="msg.delate == false">{{msg.msg}}</ion-label>
-          <ion-label *ngIf="msg.delate == true">{{msg.msg}}</ion-label>
+              <ion-label class="float-status-all float-status" *ngIf="msg.u.username==sessionStore.user.UserName">
 
-          <ion-label class="float-status-all float-status" *ngIf="msg.u.username==sessionStore.user.UserName">
-
-            <ion-icon *ngIf="msg.messageSend == false" src="assets/images/clock-regular.svg"></ion-icon>
-            <ion-icon *ngIf="msg.messageSend == true && msg.received.length == 0" src="assets/images/check-solid.svg"></ion-icon>
-            <ion-icon *ngIf="msg.messageSend && msg.received.length >= 1 && msg.viewed.length == 0" src="assets/images/check-double-solid.svg"></ion-icon>
-            <ion-icon *ngIf="msg.viewed.length >= 1" src="assets/images/check-double-solid -viewed.svg"></ion-icon>
-          </ion-label>
+                <ion-icon *ngIf="msg.messageSend == false" src="assets/images/clock-regular.svg"></ion-icon>
+                <ion-icon *ngIf="msg.messageSend == true && msg.received.length == 0" src="assets/images/check-solid.svg"></ion-icon>
+                <ion-icon *ngIf="msg.messageSend && msg.received.length >= 1 && msg.viewed.length == 0" src="assets/images/check-double-solid.svg"></ion-icon>
+                <ion-icon *ngIf="msg.viewed.length >= 1" src="assets/images/check-double-solid -viewed.svg"></ion-icon>
+              </ion-label>
+            </div>
+          <!-- </div>     -->
           {{last ? scrollToBottom() : ''}}
         </div>
       </div>
@@ -79,7 +82,7 @@
         <div>
           <div *ngIf="msg.attachments" class="message-attachments">
             <div *ngFor="let file of msg.attachments let i = index">
-              <div *ngIf="msg.file.type == 'application/img'" (click)="openPreview(msg)">
+              <div class="file" *ngIf="msg.file.type == 'application/img'" (click)="openPreview(msg)">
                 <div *ngIf="!msg.attachments[0].image_url">
                   <ion-item class="add-attachment-bg-color" shape="round" lines="none" type="button">
                     <ion-icon name="image" class="file-icon"></ion-icon>
@@ -136,7 +139,7 @@
                       <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="icon-download" src="assets/icon/theme/gov/icons-download.svg" slot="end"></ion-icon>
                     </ion-item>
                   </div>
-                  <div class="audio-contentainer" *ngIf="msg.file.type == 'application/audio' && file.title_link">
+                  <div class="file audio-contentainer" *ngIf="msg.file.type == 'application/audio' && file.title_link">
                     <audio [src]="file.title_link | safehtml" preload="metadata" class="d-flex width-100" controls
                       controlsList="nodownload noplaybackrate"></audio>
                   </div>