diff --git a/platypush/backend/http/webapp/src/App.vue b/platypush/backend/http/webapp/src/App.vue
index ce8171f00..8a8699a60 100644
--- a/platypush/backend/http/webapp/src/App.vue
+++ b/platypush/backend/http/webapp/src/App.vue
@@ -32,6 +32,7 @@ export default {
     return {
       config: {},
       userAuthenticated: false,
+      connected: false,
       pwaInstallEvent: null,
     }
   },
@@ -97,6 +98,8 @@ export default {
 
   mounted() {
     bus.onNotification(this.onNotification)
+    bus.on('connect', () => this.connected = true)
+    bus.on('disconnect', () => this.connected = false)
   },
 }
 </script>
diff --git a/platypush/backend/http/webapp/src/components/Nav.vue b/platypush/backend/http/webapp/src/components/Nav.vue
index ebdee6913..f012705a7 100644
--- a/platypush/backend/http/webapp/src/components/Nav.vue
+++ b/platypush/backend/http/webapp/src/components/Nav.vue
@@ -163,6 +163,7 @@ export default {
     this.collapsed = this.collapsedDefault
     bus.on('connect', this.setConnected(true))
     bus.on('disconnect', this.setConnected(false))
+    this.setConnected(this.$root.connected)
   },
 }
 </script>