diff --git a/frontend/src/app/header/header.component.html b/frontend/src/app/header/header.component.html
index 08a5c74..651176b 100644
--- a/frontend/src/app/header/header.component.html
+++ b/frontend/src/app/header/header.component.html
@@ -1,6 +1,6 @@
 <ng-container>
   <header id="top"
-          [ngStyle]="{ 'background-image': getBackgroundImage(), 'height': height, 'background-position': 'center ' + inverseYPos + 'px' }">
+          [ngStyle]="{ 'background-image': getBackgroundImage(),'height': height, 'background-position': getBackgroundPosition() }">
     <nav id="nav" [ngClass]="active">
       <div class="container">
         <div id="mobile_nav">
diff --git a/frontend/src/app/header/header.component.ts b/frontend/src/app/header/header.component.ts
index 7cf5156..0325ee0 100644
--- a/frontend/src/app/header/header.component.ts
+++ b/frontend/src/app/header/header.component.ts
@@ -41,4 +41,12 @@ export class HeaderComponent {
     }
     return null;
   }
+
+  public getBackgroundPosition() {
+    if (this.current_page === 'home') {
+      return 'center ' + this.inverseYPos + 'px'
+    } else {
+      return '';
+    }
+  }
 }