diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index 8ee94ec3b..4219e2cc0 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -38,12 +38,14 @@
             </ion-segment-button>
           </ion-segment>
         </ion-toolbar>
-        <div class="overflow-y-auto d-flex flex-wrap flex-grow-1">
+        <div class=" aside overflow-y-auto d-flex flex-wrap flex-grow-1">
         <div class="width-100" [ngSwitch]="segment">
           <ion-list *ngSwitchCase="'Contactos'">
             <ion-item-group>
               <ion-item-sliding>
-                  <ion-item class="item width-100 d-flex" *ngFor="let dm of userDirectMessages">
+                  <ion-item class="item width-100 d-flex ion-no-padding ion-no-margin"
+                  lines="none"
+                  *ngFor="let dm of userDirectMessages">
                     <div class="item-icon">
                       <ion-icon class="icon" slot="start" src="assets/images/icons-chat-chat-40.svg"></ion-icon>
                     </div>
@@ -108,7 +110,7 @@
           [style.display]="showMessages ? 'flex' : 'none'"
           [roomId]="roomId"
           [showMessages]="showMessages"  #messagecontainer>
-          
+
         </app-messages>
         <app-contacts
           (openMessage)="openMessagesPage($event)"
diff --git a/src/app/pages/chat/chat.page.scss b/src/app/pages/chat/chat.page.scss
index 8e1d8545a..dddff7f8a 100644
--- a/src/app/pages/chat/chat.page.scss
+++ b/src/app/pages/chat/chat.page.scss
@@ -45,7 +45,14 @@ ion-content{
 
   .aside-wrapper{
     margin: 0 !important;
-    padding: 30px 20px 0 20px !important;
+
+    .title-content{
+      padding: 30px 20px 0 20px !important;
+    }
+
+    .aside{
+      padding: 0px 20px 0 20px !important;
+    }
   }
 
   .iconschatnew-group{