diff --git a/Front/skydivelogs-app/src/app/app.component.html b/Front/skydivelogs-app/src/app/app.component.html
index 98b6e0b..dd1c3bb 100644
--- a/Front/skydivelogs-app/src/app/app.component.html
+++ b/Front/skydivelogs-app/src/app/app.component.html
@@ -1,6 +1,6 @@
 <div>
   <header *ngIf="this.show()">
-    <div style="display: flex; flex-wrap: nowrap; flex-direction: row; align-items: baseline;">
+    <div style="display: flex; justify-content: space-between;">
       <div>
         <svg (click)="toggleMenu()" class="hamburger__icon" viewBox="31.5 30 49.9 32">
           <rect id="Rectangle_9" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 9" rx="2"
@@ -10,12 +10,12 @@
           <rect id="Rectangle_11" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 11" rx="2"
             transform="translate(31.5 30)"></rect>
         </svg>
-        <h2>{{ title }}</h2>
+        <h2 style="display: inline;">{{ title }}</h2>
       </div>
-      <div style="text-align: right;">
-        <h2 *ngIf="currentUser">{{ this.currentUser.firstName }}
+      <div>
+        <h2 style="display: inline;" *ngIf="currentUser">{{ this.currentUser.firstName }}
           {{ this.currentUser.lastName }}</h2>
-        <a *ngIf="currentUser" (click)="logout()" style="cursor: pointer;">Logout</a>
+        <a *ngIf="currentUser" (click)="logout()" style="cursor: pointer; margin-left:15px;">Logout</a>
       </div>
     </div>