diff --git a/Front/skydivelogs-app/src/app/app.component.css b/Front/skydivelogs-app/src/app/app.component.css
index be2a05a..116d82f 100644
--- a/Front/skydivelogs-app/src/app/app.component.css
+++ b/Front/skydivelogs-app/src/app/app.component.css
@@ -18,10 +18,11 @@
 .navigation {
   position: absolute;
   width: 200px;
-  overflow: hidden;
+  /* height: 650px;
+  overflow: hidden; */
+  height: 100%;
   z-index: 101;
   background-color: grey;
-  height: 650px;
   padding: 5px;
   left: -220px;
   transition: 0.5s linear left;
diff --git a/Front/skydivelogs-app/src/app/app.component.html b/Front/skydivelogs-app/src/app/app.component.html
index dd1c3bb..a10fafc 100644
--- a/Front/skydivelogs-app/src/app/app.component.html
+++ b/Front/skydivelogs-app/src/app/app.component.html
@@ -1,4 +1,3 @@
-<div>
   <header *ngIf="this.show()">
     <div style="display: flex; justify-content: space-between;">
       <div>
@@ -39,9 +38,6 @@
     </nav>
   </header>
 
-  <body>
-    <router-outlet></router-outlet>
-  </body>
+  <router-outlet></router-outlet>
 
   <footer>Web software to log your skydive jumps - v{{ version }} - @Séb</footer>
-</div>
diff --git a/Front/skydivelogs-app/src/assets/css/styles.css b/Front/skydivelogs-app/src/assets/css/styles.css
index 7666b2b..888c653 100644
--- a/Front/skydivelogs-app/src/assets/css/styles.css
+++ b/Front/skydivelogs-app/src/assets/css/styles.css
@@ -7,10 +7,12 @@ body {
 
 body {
   font-family: Roboto, "Helvetica Neue", sans-serif;
-  margin: 10px;
   color: #424242;
-  min-height: 665px;
-  overflow: auto;
+  /* min-height: 665px;
+  margin: 10px;
+  overflow: auto; */
+  margin: 0;
+  padding: 10px;
 }
 
 @font-face {
