diff --git a/src/components/OnlineView.vue b/src/components/OnlineView.vue
index 1bd356a..2c9fdec 100644
--- a/src/components/OnlineView.vue
+++ b/src/components/OnlineView.vue
@@ -15,7 +15,7 @@ export default class OnlineView extends Vue {
   public mounted(): void {
     window.addEventListener('online', this.onchange)
     window.addEventListener('offline', this.onchange)
-    this.$emit(this.online ? 'online' : 'offline')
+    this.onchange()
   }
 
   public beforeDestroy(): void {
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 400519e..5fae816 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -13,6 +13,11 @@
 
 html {
   overflow-y: auto;
+  background-color: var(--primary-color);
+}
+
+body {
+  background-color: white;
 }
 
 .app {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index de32861..53b27d3 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -21,6 +21,10 @@
       <div class="account-list-container box" v-if="showAccounts">
         <account-list />
       </div>
+      <fab-button v-else :to="{ name: 'account-new' }" :margin="true">
+        <span slot="fulltext">créer un compte</span>
+      </fab-button>
+
       <section class="hero">
         <div class="hero-body">
           <div class="container">
@@ -43,7 +47,8 @@ import accountService from '@/services/AccountService'
 @Component({
   components: {
     'account-list': AccountList,
-    'app-resume': () => import('@/components/AppResume.vue')
+    'app-resume': () => import('@/components/AppResume.vue'),
+    'fab-button': () => import('@/components/FabButton.vue')
   }
 })
 export default class Home extends Vue {