diff --git a/src/App.vue b/src/App.vue
index 1032755..99ee534 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,17 +11,15 @@
         <router-link class="navbar-item" to="/">
           <img src="./assets/vaquant-root-white.png" title="vaquant" />
         </router-link>
-        <app-installed class="navbar-item">
-          <template v-slot:app-installed>
-            <a href="#" @click="back">
-              <img
-                class="back-icon"
-                src="./assets/icons/baseline_arrow_back_white_48dp.png"
-                alt="back"
-              />
-            </a>
-          </template>
-        </app-installed>
+        <online-view class="online-view">
+          <div slot="offline">
+            <img
+              class="icon"
+              src="./assets/icons/baseline_cloud_off_white_48dp.png"
+              alt="offline"
+            />
+          </div>
+        </online-view>
         <span class="vaquant-title" :class="{ visible: shadow }">{{
           title
         }}</span>
@@ -74,14 +72,14 @@ import ClickOutside from 'vue-click-outside'
 import { Action, Getter } from 'vuex-class'
 import IUser from '@/models/IUser'
 import { COFFEE_LINK } from '@/utils/constants'
-import AppInstalled from '@/components/AppInstalled.vue'
+import OnlineView from '@/components/OnlineView.vue'
 
 @Component({
   directives: {
     ClickOutside
   },
   components: {
-    'app-installed': AppInstalled
+    'online-view': OnlineView
   }
 })
 export default class App extends Vue {