diff --git a/src/app/services/chat/ws-chat.service.ts b/src/app/services/chat/ws-chat.service.ts
index 0c97a91a8..4b94ad019 100644
--- a/src/app/services/chat/ws-chat.service.ts
+++ b/src/app/services/chat/ws-chat.service.ts
@@ -14,7 +14,15 @@ export class WsChatService {
   isLogin = false;
   loginResponse = {}
 
-  constructor() {}
+  constructor() {
+
+
+    window.addEventListener('online', ()=>{
+      this.connect()
+      this.login()
+    });
+
+  }
 
   connect() {
     // dont connect if is already connected
diff --git a/src/app/shared/chat/messages/messages.page.html b/src/app/shared/chat/messages/messages.page.html
index 37c723586..b132f662f 100644
--- a/src/app/shared/chat/messages/messages.page.html
+++ b/src/app/shared/chat/messages/messages.page.html
@@ -48,11 +48,11 @@
           </mat-menu>
         </div>
         <div class="title">
-          <ion-label>{{msg.u.name}}</ion-label>
+          <ion-label>{{msg.u.name}} {{msg.offline}}</ion-label>
           <span class="time">{{showDateDuration(msg._updatedAt)}}</span>
         </div>
         <div>
-          <ion-label>{{msg.msg}}</ion-label>
+          <ion-label>{{msg.msg}} {{msg.offline}}</ion-label>
           {{last ? scrollToBottom() : ''}}
         </div>
       </div>
@@ -67,7 +67,7 @@
             </mat-menu>
           </div>
           <div class="title">
-            <ion-label>{{msg.u.name}}</ion-label>
+            <ion-label>{{msg.u.name}} </ion-label>
             <span class="time">{{showDateDuration(msg.duration)}}</span>
           </div>
           <div>