diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index c1b141ebc..446951486 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -10,9 +10,18 @@
   </ion-refresher>
   <div class="main-content d-flex height-100">
       <!-- Aside left -->
-      <div class="d-flex aside-wrapper flex-column pt-25 justify-center">
-        <p class="text-center mt-0 aside-title px-20">Chat</p>
-        <ion-toolbar class="width-100">
+      <div class="d-flex aside-wrapper flex-column pt-25">
+       <!--  <p class="text-center mt-0 aside-title px-20">Chat</p> -->
+          <div class="title-content">
+            <div class="div-title">
+              <ion-label class="title">Chat</ion-label>
+            </div>
+            <div class="div-icon">
+              <ion-icon slot="end" (click)="newGroup()" src="assets/images/icons-chat-new-group.svg" ></ion-icon>
+              <ion-icon slot="end" (click)="selectContact()" src="assets/images/icons-chat-new-conversation.svg"></ion-icon>
+            </div>
+          </div>
+        <ion-toolbar>
           <ion-segment [(ngModel)]="segment" (ionChange)="onSegmentChange()">
             <ion-segment-button value="Contactos">
               Conversas
@@ -31,7 +40,7 @@
                     <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 [routerLink]="['/home/chat/messages']" class="item-content"><!-- (click)="openMessages(dm)" -->
                       <div class="item-title-time">
                         <div class="item-title">
                           <ion-label *ngFor="let user of dm.usernames">
@@ -51,7 +60,11 @@
                     <div class="item-icon">
                       <ion-icon class="icon" slot="start" src="assets/images/icons-chat-chat-40.svg"></ion-icon>
                     </div>
-                    <div class="item-content">
+                    <div [routerLink]="['/home/chat', {
+                      outlets:{
+                        'test': ['test']
+                      }
+                    }]" class="item-content"><!-- (click)="openMessages(dm)" -->
                       <div class="item-title-time">
                         <div class="item-title">
                           <ion-label >
@@ -93,13 +106,23 @@
             </ion-item-group>
             
           </ion-list>
+          <nav>
+            <
+
+          </nav>
         </div>
         </div>
       </div>
       <!-- Aside right -->
       <div class="aside-content d-none flex-1 aside-content height-100 overflow-y-auto pt-25">
-        <app-messages class="d-flex flex-1 flex-column height-100" *ngIf="desktopComponent.showMessages"></app-messages>
-        <app-group-messages class="d-flex flex-1 flex-column height-100" *ngIf="desktopComponent.showGroupMessages"></app-group-messages>
+        <!-- <app-messages class="d-flex flex-1 flex-column height-100" *ngIf="desktopComponent.showMessages"></app-messages>
+        <app-group-messages class="d-flex flex-1 flex-column height-100" *ngIf="desktopComponent.showGroupMessages"></app-group-messages> -->
+        <div>
+          <ion-router-outlet name="test"></ion-router-outlet>
+        </div>
+        <div>
+          <ion-router-outlet name="chat"></ion-router-outlet>
+        </div>
       </div>
   </div>
 </ion-content>