diff --git a/src/app/app.component.html b/src/app/app.component.html
index fc3d49453c11e6096b8b155b1bf1d34f08fb0ded..4ce195dc932e87b808a00f207ece07f32c081383 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -53,7 +53,8 @@
     </div>
 
     <button mat-icon-button id="new-calculator" routerLink="/list" (click)="sidenav.close()">
-      <mat-icon>add_box</mat-icon>
+      <mat-icon *ngIf="calculators.length > 0">add_box</mat-icon>
+      <mat-icon *ngIf="calculators.length === 0">home</mat-icon>
     </button>
 
     <div id="toolbar-bottom-spacer"></div>
@@ -62,7 +63,7 @@
 </header>
 
 <main>
-  <mat-sidenav-container fxFlexFill class="example-container">
+  <mat-sidenav-container fxFlexFill>
 
     <!-- side panel -->
     <mat-sidenav class="sidenav" #sidenav fxLayout="column" >
@@ -105,18 +106,11 @@
       <div id="app-content">
         <router-outlet (activate)="onRouterOutletActivated($event)"></router-outlet>
       </div>
+
     </mat-sidenav-content>
 
   </mat-sidenav-container>
 
 </main>
 
-<footer>
-  <!-- <div style="text-align:center">
-    ngHyd - Calculettes hydrauliques
-    <br>
-    <a href="http://www.irstea.fr/">Institut national de recherche en sciences et technologies pour l'environnement et l'agriculture</a>
-  </div> -->
-</footer>
-
 </app-layout>