1 files changed, 16 insertions, 19 deletions
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 0a593d6..d8d27cb 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,26 +1,23 @@
-import * as React from "react";
-import BlockLink from "../components/BlockLink";
-import { BlockBody, BlockHeader, Content } from "../styles";
+import React from "react";
+import { BlockLink, Layout } from "../components";
+import { BlockBody, BlockHeader } from "../styles";
 import "../styles/main.css";
 
-// markup
 const NotFoundPage = (): React.ReactElement => {
   return (
-    <main>
-      <Content>
-        <BlockHeader>Not found</BlockHeader>
-        <BlockBody>
-          Sorry{" "}
-          <span role="img" aria-label="Pensive emoji">
-            😔
-          </span>{" "}
-          we couldn&apos;t find what you were looking for.
-        </BlockBody>
-        <BlockLink href="/" aria-label="Return to the front page">
-          Home
-        </BlockLink>
-      </Content>
-    </main>
+    <Layout>
+      <BlockHeader>Not found</BlockHeader>
+      <BlockBody>
+        Sorry{" "}
+        <span role="img" aria-label="Pensive emoji">
+          😔
+        </span>{" "}
+        we couldn&apos;t find what you were looking for.
+      </BlockBody>
+      <BlockLink href="/" aria-label="Return to the front page">
+        Home
+      </BlockLink>
+    </Layout>
   );
 };