diff --git a/Front/skydivelogs-app/src/app/app.component.html b/Front/skydivelogs-app/src/app/app.component.html
index 4747538..8f9c281 100644
--- a/Front/skydivelogs-app/src/app/app.component.html
+++ b/Front/skydivelogs-app/src/app/app.component.html
@@ -44,7 +44,7 @@
     </mat-nav-list>
     <mat-nav-list *ngIf="currentUser">
       <mat-icon aria-hidden="false" aria-label="To logout">logout</mat-icon>
-      <span (click)="logout()" style="cursor: pointer;">Logout</span>
+      <span (click)="snav.toggle(); logout()" style="cursor: pointer;">Logout</span>
     </mat-nav-list>
   </mat-sidenav>
 
diff --git a/Front/skydivelogs-app/src/app/default/default.component.html b/Front/skydivelogs-app/src/app/default/default.component.html
index 7e325ef..11c39da 100644
--- a/Front/skydivelogs-app/src/app/default/default.component.html
+++ b/Front/skydivelogs-app/src/app/default/default.component.html
@@ -6,7 +6,7 @@
   </p>
   <p>
     <a routerLink="/newjump" routerLinkActive="active" skipLocationChange>
-      <img src="../../assets/img/addJump.png" alt="Add new jumps">
+      <img src="../../assets/img/addJump_white.png" alt="Add new jumps">
     </a>
   </p>
 </div>
diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.css b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.css
index ff391a1..7513415 100644
--- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.css
+++ b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.css
@@ -19,4 +19,4 @@ table {
   flex-direction: column;
   align-items: initial;
   padding-top: 25px;
-}
+}
\ No newline at end of file
diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html
index e428d39..86e3b94 100644
--- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html
+++ b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html
@@ -17,14 +17,14 @@
             (click)="setToFavorite(element)" style="cursor: pointer;">favorite_border</mat-icon>
 
           <a href='http://{{element.website}}' target="_blank">
-            <mat-icon aria-hidden="false" aria-label="URL to the DZ website">link</mat-icon>
+            <mat-icon aria-hidden="false" aria-label="URL to the DZ website" style="color: white;">link</mat-icon>
           </a>
           <a href='https://www.openstreetmap.org/?mlat={{element.latitude}}&mlon={{element.longitude}}#map=14/{{element.latitude}}/{{element.longitude}}'
             target="_blank">
-            <mat-icon aria-hidden="false" aria-label="Location of the DZ">map</mat-icon>
+            <mat-icon aria-hidden="false" aria-label="Location of the DZ" style="color: white;">map</mat-icon>
           </a>
           <a href="mailto:{{element.email}}" *ngIf="element.email">
-            <mat-icon aria-hidden="false" aria-label="Contact mail of the DZ">mail_outline</mat-icon>
+            <mat-icon aria-hidden="false" aria-label="Contact mail of the DZ" style="color: white;">mail_outline</mat-icon>
           </a>
         </td>
       </ng-container>
diff --git a/Front/skydivelogs-app/src/app/user-profile/user-profile.component.css b/Front/skydivelogs-app/src/app/user-profile/user-profile.component.css
index d9e1d94..af83daf 100644
--- a/Front/skydivelogs-app/src/app/user-profile/user-profile.component.css
+++ b/Front/skydivelogs-app/src/app/user-profile/user-profile.component.css
@@ -1,8 +1,14 @@
 .content {
   min-height: 90vh;
-  display: flex;
   justify-content: left;
-  flex-direction: column;
   align-items: initial;
   padding-top: 25px;
 }
+
+.containerFlex {
+  display: flex;
+  flex-wrap: wrap;
+}
+.contentFlex {
+  flex: 45%;
+}
\ No newline at end of file
diff --git a/Front/skydivelogs-app/src/app/user-profile/user-profile.component.html b/Front/skydivelogs-app/src/app/user-profile/user-profile.component.html
index 4cc4014..731d1ea 100644
--- a/Front/skydivelogs-app/src/app/user-profile/user-profile.component.html
+++ b/Front/skydivelogs-app/src/app/user-profile/user-profile.component.html
@@ -1,6 +1,6 @@
-<div class="content" style="display: flex; flex-direction: row;">
+<div class="content containerFlex">
 
-  <fieldset style="width: 50%;">
+  <fieldset class="contentFlex">
     <legend>Profile</legend>
     <form [formGroup]="userForm" (ngSubmit)="onSubmit(userForm.value)">
       <p>
@@ -45,7 +45,7 @@
     </form>
   </fieldset>
 
-  <fieldset style="width: 50%;">
+  <fieldset class="contentFlex">
     <legend>Images</legend>
     <app-list-of-images></app-list-of-images>
   </fieldset>
diff --git a/Front/skydivelogs-app/src/assets/css/styles-app-loading.scss b/Front/skydivelogs-app/src/assets/css/styles-app-loading.scss
index c4ad3fb..551bdbe 100644
--- a/Front/skydivelogs-app/src/assets/css/styles-app-loading.scss
+++ b/Front/skydivelogs-app/src/assets/css/styles-app-loading.scss
@@ -11,9 +11,7 @@
   .logo {
     width: 100px;
     height: 100px;
-
-    // this way asset gets processed by webpack 
-    background: url(/assets/img/logo.png) center center no-repeat;
+    background: url(/assets/img/logo_white.png) center center no-repeat;
     background-size: 100px 100px;
   }
 }
diff --git a/Front/skydivelogs-app/src/assets/img/addJump_white.png b/Front/skydivelogs-app/src/assets/img/addJump_white.png
new file mode 100644
index 0000000..2a685e8
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/img/addJump_white.png differ
diff --git a/Front/skydivelogs-app/src/assets/img/logo_white.png b/Front/skydivelogs-app/src/assets/img/logo_white.png
new file mode 100644
index 0000000..c396f3d
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/img/logo_white.png differ