diff --git a/src/app/modules/errors/components/errors/errors.component.html b/src/app/modules/errors/components/errors/errors.component.html
index 2d08090..3fd98e6 100644
--- a/src/app/modules/errors/components/errors/errors.component.html
+++ b/src/app/modules/errors/components/errors/errors.component.html
@@ -1 +1,5 @@
-<h1>404 page</h1>
+<mat-grid-list cols="1" rowHeight="100">
+  <mat-grid-tile>
+    <h1>Ooops 404 you have lost.</h1>
+  </mat-grid-tile>
+</mat-grid-list>
diff --git a/src/app/modules/errors/errors.module.ts b/src/app/modules/errors/errors.module.ts
index a73c573..051a472 100644
--- a/src/app/modules/errors/errors.module.ts
+++ b/src/app/modules/errors/errors.module.ts
@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ErrorsComponent } from './components/errors/errors.component';
 import { Routes, RouterModule } from '@angular/router';
+import { MatGridListModule } from '@angular/material/grid-list';
 
 const routes: Routes = [
   {
@@ -13,7 +14,7 @@ const routes: Routes = [
 
 @NgModule({
   declarations: [ErrorsComponent],
-  imports: [CommonModule, RouterModule.forChild(routes)],
-  exports: [ErrorsComponent, RouterModule]
+  imports: [CommonModule, RouterModule.forChild(routes), MatGridListModule],
+  exports: [ErrorsComponent, RouterModule, MatGridListModule]
 })
 export class ErrorsModule {}