diff --git a/src/app/shared/chat/group-messages/group-messages.page.html b/src/app/shared/chat/group-messages/group-messages.page.html
index 1db284b90..334d84034 100644
--- a/src/app/shared/chat/group-messages/group-messages.page.html
+++ b/src/app/shared/chat/group-messages/group-messages.page.html
@@ -94,7 +94,7 @@
                         <ion-label class="file-title">{{file.title}}</ion-label>
                       </div>
                     </div>
-                    <div *ngIf="msg.file.type == 'aplication/audio'">
+                    <div class="audio-contentainer" *ngIf="msg.file.type == 'aplication/audio'">
                       <audio [src]="file.title_link|safehtml" preload="metadata" controls controlsList="nodownload noplaybackrate"></audio>
                     </div>
                     <div class="file-details-optional add-attachment-bg-color">
diff --git a/src/app/shared/chat/messages/messages.page.html b/src/app/shared/chat/messages/messages.page.html
index 1d661aea6..4721d3ad2 100644
--- a/src/app/shared/chat/messages/messages.page.html
+++ b/src/app/shared/chat/messages/messages.page.html
@@ -106,8 +106,8 @@
                       <ion-label class="file-title">{{file.title}}</ion-label>
                     </div>
                   </div>
-                  <div *ngIf="msg.file.type == 'aplication/audio'">
-                    <audio [src]="file.title_link|safehtml" preload="metadata" class="" controls controlsList="nodownload noplaybackrate"></audio>
+                  <div class="audio-contentainer" *ngIf="msg.file.type == 'aplication/audio'">
+                    <audio [src]="file.title_link|safehtml" preload="metadata" class="flex-grow-1" controls controlsList="nodownload noplaybackrate"></audio>
                   </div>
                   <div class="file-details-optional add-attachment-bg-color">
                     <ion-label *ngIf="msg.file">
diff --git a/src/global.scss b/src/global.scss
index 65affdc2e..4e6f94865 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -1138,6 +1138,7 @@ ngx-mat-datetime-content{
 .messages{
   .messages-list-item-wrapper{
     .message-item{
+      overflow: auto;
       .message-item-options{
         .message-options-icon{
           display: none;
@@ -1146,6 +1147,11 @@ ngx-mat-datetime-content{
           position: absolute !important;
         }
       }
+      .audio-contentainer{
+        width: 200px !important;
+        display: flex;
+        overflow: auto !important;
+      }
 
       .title{
         //border: 1px solid blue;