diff --git a/src/app/shared/components/page-not-found/page-not-found.component.html b/src/app/shared/components/page-not-found/page-not-found.component.html
index 42716ca7..01441a4d 100644
--- a/src/app/shared/components/page-not-found/page-not-found.component.html
+++ b/src/app/shared/components/page-not-found/page-not-found.component.html
@@ -1,8 +1,25 @@
-
+
-
o_O {{ message | translate }}
+
+ o_O
+ {{ message | translate }}
+
+
+
+
+
diff --git a/src/app/shared/components/page-not-found/page-not-found.component.scss b/src/app/shared/components/page-not-found/page-not-found.component.scss
index b250f9c2..1b97c1f9 100644
--- a/src/app/shared/components/page-not-found/page-not-found.component.scss
+++ b/src/app/shared/components/page-not-found/page-not-found.component.scss
@@ -1,4 +1,6 @@
-:host {
+.hero-body {
+ padding-top: 5rem;
+ min-height: 50vh;
.title {
color: #222;
}
diff --git a/src/app/shared/components/page-not-found/page-not-found.component.ts b/src/app/shared/components/page-not-found/page-not-found.component.ts
index 5e7b4c1b..49d253d9 100644
--- a/src/app/shared/components/page-not-found/page-not-found.component.ts
+++ b/src/app/shared/components/page-not-found/page-not-found.component.ts
@@ -1,4 +1,5 @@
import { Component, Input } from '@angular/core';
+import { environment } from '../../../../environments/environment';
@Component({
selector: 'app-page-not-found',
@@ -8,4 +9,5 @@ import { Component, Input } from '@angular/core';
export class PageNotFoundComponent {
@Input()
public message = 'PAGE_NOT_FOUND.DEFAULT';
+ env: any = environment;
}