diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index ba44667da..290779158 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -2,9 +2,9 @@
   <!-- <app-header></app-header> -->
   <app-header-no-search></app-header-no-search>
 </ion-header>
-<ion-header  class="ion-no-border">
+<!-- <ion-header  class="ion-no-border">
   <ion-toolbar class="bg-blue">
-    <div class="main-header">
+    <div class=" d-flex main-header">
       <div class="title-content">
         <div class="div-title">
           <ion-label class="title">Chat</ion-label>
@@ -16,80 +16,91 @@
       </div>
     </div>
   </ion-toolbar>
-</ion-header>
+</ion-header> -->
 
-<ion-content>
+<ion-content class="height-100">
   <ion-refresher  name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
     <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
     <ion-refresher-content>
     </ion-refresher-content>
   </ion-refresher>
-  <div class="main-content">
-  <ion-toolbar >
-    <ion-segment [(ngModel)]="segment" (ionChange)="onSegmentChange()">
-      <ion-segment-button value="Contactos">
-        Conversas
-      </ion-segment-button>
-      <ion-segment-button value="Grupos">
-        Grupos
-      </ion-segment-button>
-    </ion-segment>
-  </ion-toolbar>
-  <ion-refresher  name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
-    <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
-  </ion-refresher>
-  <div [ngSwitch]="segment">
-    <ion-list *ngSwitchCase="'Contactos'">
-      <ion-item-group>
-        <ion-item-sliding>
-            <div *ngFor="let dm of userDirectMessages" class="item">
-              <div class="item-icon">
-                <ion-icon class="icon" slot="start" src="assets/images/icons-chat-chat-40.svg"></ion-icon>
-              </div>
-              <div (click)="openMessages(dm)" class="item-content">
-                <div class="item-title-time">
-                  <div class="item-title">
-                    <ion-label *ngFor="let user of dm.usernames">
-                      <span *ngIf="user !=loggedUser.me.username">
-                      {{user}}
-                    </span>
-                    </ion-label>
+  <div class="main-content height-100">
+
+    <div class="d-flex height-100">
+      <!--  -->
+      <div class="d-flex flex-column justify-center">
+        <p class="text-center mt-0">Chat</p>
+        <ion-toolbar >
+          <ion-segment [(ngModel)]="segment" (ionChange)="onSegmentChange()">
+            <ion-segment-button value="Contactos">
+              Conversas
+            </ion-segment-button>
+            <ion-segment-button value="Grupos">
+              Grupos
+            </ion-segment-button>
+          </ion-segment>
+        </ion-toolbar>
+        <div class="overflow-y-auto d-flex flex-wrap">
+        <div [ngSwitch]="segment">
+          <ion-list *ngSwitchCase="'Contactos'">
+            <ion-item-group>
+              <ion-item-sliding>
+                  <div *ngFor="let dm of userDirectMessages" class="item">
+                    <div class="item-icon">
+                      <ion-icon class="icon" slot="start" src="assets/images/icons-chat-chat-40.svg"></ion-icon>
+                    </div>
+                    <div (click)="openMessages(dm)" class="item-content">
+                      <div class="item-title-time">
+                        <div class="item-title">
+                          <ion-label *ngFor="let user of dm.usernames">
+                            <span *ngIf="user !=loggedUser.me.username">
+                            {{user}}
+                          </span>
+                          </ion-label>
+                        </div>
+                        <div class="item-date">{{dm._updatedAt | date: 'HH:mm'}}</div>
+                      </div>
+                      <div class="item-description">
+                        <ion-label *ngIf="dm.lastMessage">{{dm.lastMessage.msg}}</ion-label>
+                      </div>
+                    </div>
                   </div>
-                  <div class="item-date">{{dm._updatedAt | date: 'HH:mm'}}</div>
-                </div>
-                <div class="item-description">
-                  <ion-label *ngIf="dm.lastMessage">{{dm.lastMessage.msg}}</ion-label>
-                </div>
-              </div>
-            </div>
-        </ion-item-sliding>
-      </ion-item-group>
-    </ion-list>
-    <ion-list *ngSwitchCase="'Grupos'" >
-      <ion-item-group>
-        <ion-item-sliding>
-            <div *ngFor="let group of allGroups" class="item">
-              <div class="item-icon">
-                <ion-icon class="icon" slot="start" src="assets/images/icons-chat-group-chat-40.svg"></ion-icon>
-              </div>
-              <div (click)="openGroupMessages(group)" class="item-content">
-                <div class="item-title-time">
-                  <div class="item-title">
-                    <ion-label>{{group.name.split('-').join(' ')}}</ion-label>
-                  </div>
-                  <div class="item-date" *ngIf="group.lastMessage">{{group.lastMessage._updatedAt | date: 'HH:mm'}}</div>
-                </div>
-                <div class="item-description" *ngIf="group.lastMessage">
-                  <ion-label>{{group.lastMessage.u.name}}: {{group.lastMessage.msg}}</ion-label>
-                </div>
-              </div>
-            </div>   
-        </ion-item-sliding>
-      </ion-item-group>
-      
-    </ion-list>
+              </ion-item-sliding>
+            </ion-item-group>
+          </ion-list>
+          <ion-list *ngSwitchCase="'Grupos'" >
+            <ion-item-group>
+              <ion-item-sliding>
+                  <div *ngFor="let group of allGroups" class="item">
+                    <div class="item-icon">
+                      <ion-icon class="icon" slot="start" src="assets/images/icons-chat-group-chat-40.svg"></ion-icon>
+                    </div>
+                    <div (click)="openGroupMessages(group)" class="item-content">
+                      <div class="item-title-time">
+                        <div class="item-title">
+                          <ion-label>{{group.name.split('-').join(' ')}}</ion-label>
+                        </div>
+                        <div class="item-date" *ngIf="group.lastMessage">{{group.lastMessage._updatedAt | date: 'HH:mm'}}</div>
+                      </div>
+                      <div class="item-description" *ngIf="group.lastMessage">
+                        <ion-label>{{group.lastMessage.u.name}}: {{group.lastMessage.msg}}</ion-label>
+                      </div>
+                    </div>
+                  </div>   
+              </ion-item-sliding>
+            </ion-item-group>
+            
+          </ion-list>
+        </div>
+        </div>
+      </div>
+      <!-- -->
+      <div class="d-none flex-1 aside-content height-100 overflow-y-auto pt-25">
+        NONE
+
+      </div>
+    </div>
   </div>
-</div>
 </ion-content>