diff --git a/src/components/header/PageHeader.vue b/src/components/header/PageHeader.vue
index fe1c56e..7518e45 100644
--- a/src/components/header/PageHeader.vue
+++ b/src/components/header/PageHeader.vue
@@ -1,13 +1,13 @@
 <template>
-    <div class="home-header">
+    <div :class="{ 'home-header': isHome }" class="page-header">
         <div class="container">
             <header>
                 <header-brand />
                 <header-navigation />
             </header>
-            <header-hero />
+            <header-hero v-if="isHome" />
         </div>
-        <header-wave />
+        <header-wave v-if="isHome" />
     </div>
 </template>
 
@@ -27,5 +27,9 @@ import HeaderWave from "./HeaderWave.vue";
         HeaderWave,
     },
 })
-export default class PageHeader extends Vue {}
+export default class PageHeader extends Vue {
+    private get isHome() {
+        return this.$router.currentRoute.value.name === "home";
+    }
+}
 </script>