diff --git a/src/components/Views/FourOuFour.tsx b/src/components/Views/FourOuFour.tsx
index e35a6448..0f362fe1 100644
--- a/src/components/Views/FourOuFour.tsx
+++ b/src/components/Views/FourOuFour.tsx
@@ -8,7 +8,7 @@ export const FourOuFourView = (_props) => {
   return (
     <div class={styles.errorPageWrapper}>
       <div class={styles.errorPage}>
-        <div class="container">
+        <div class="wide-container">
           <div class="row">
             <div class="col-md-14 offset-md-6 col-lg-12">
               <a href="/" class="image-link">
diff --git a/src/styles/FourOuFour.module.scss b/src/styles/FourOuFour.module.scss
index b8a01d3e..f3c6b86f 100644
--- a/src/styles/FourOuFour.module.scss
+++ b/src/styles/FourOuFour.module.scss
@@ -1,12 +1,13 @@
 .errorPageWrapper {
   height: 100vh;
+  margin: -120px 0 -2em;
   padding-top: 100px;
 }
 
 .errorPage {
   position: relative;
   top: 35%;
-  transform: translateY(-45%);
+  transform: translateY(-50%);
 
   .image-link:hover {
     background: none;
@@ -36,6 +37,7 @@
 .errorImage {
   display: block;
   margin: auto;
+  max-height: 60vh;
   width: 85%;
 }