ui(404): improve styling of 404 page

src/components/FourZeroFour/index.tsx

@@ -7,14 +7,13 @@ interface IPossibleCorrections {
 
 export const FourZeroFour: FC<IPossibleCorrections> = ({ children }) => {
   return (
-    <Fragment>
-      <SC.Wrapper>
-        <SC.Title>NOT FOUND</SC.Title>
-        <SC.Text>
-          You just hit a route that doesn&#39;t exist... the sadness.
-        </SC.Text>
-      </SC.Wrapper>
+    <SC.Wrapper>
+      <SC.Title>NOT FOUND</SC.Title>
+      <SC.Text>
+        You just hit a route that doesn&#39;t exist... the sadness.
+      </SC.Text>
+      {children && <SC.Spacer />}
       {children}
-    </Fragment>
+    </SC.Wrapper>
   )
 }

src/components/FourZeroFour/styles.tsx

@@ -1,6 +1,7 @@
 import styled from "styled-components"
 
 export const Wrapper = styled.div`
+  width: 100%;
   padding: 100px 20px 20px 20px;
   display: flex;
   align-items: center;
@@ -19,3 +20,7 @@ export const Text = styled.p`
   padding: 10px;
   line-height: 2rem;
 `
+
+export const Spacer = styled.div`
+  height: 32px;
+`