diff --git a/core/client/assets/sass/layouts/errors.scss b/core/client/assets/sass/layouts/errors.scss
index a98f88aceb..77138bfcab 100644
--- a/core/client/assets/sass/layouts/errors.scss
+++ b/core/client/assets/sass/layouts/errors.scss
@@ -10,11 +10,12 @@
 /* =============================================================================
    General
    ============================================================================= */
-
 .error-content {
     max-width: 530px;
     margin: 0 auto;
     padding: 0;
+    display: table;
+    height: 100%;
 
     @include breakpoint(630px) {
         max-width: 264px;
@@ -22,6 +23,11 @@
     }
 }
 
+.error-details {
+    display: table-cell;
+    vertical-align: middle;
+}
+
 .error-image {
     display: inline-block;
     vertical-align: middle;
diff --git a/core/server/views/error.hbs b/core/server/views/error.hbs
index 5f3ef04f4a..7bb999abcd 100644
--- a/core/server/views/error.hbs
+++ b/core/server/views/error.hbs
@@ -1,10 +1,12 @@
 {{!< default}}
 <section class="error-content error-404 js-error-container">
-	<figure class="error-image">
-	  <img class="error-ghost" src="/ghost/img/404-ghost@2x.png" srcset="/ghost/img/404-ghost.png 1x, /ghost/img/404-ghost@2x.png 2x"/>
-	</figure>
-	<section class="error-message">
-	  <h1 class="error-code">{{code}}</h1>
-	  <h2 class="error-description">{{message}}</h2>
-	</section>
+    <section class="error-details">
+        <figure class="error-image">
+          <img class="error-ghost" src="/ghost/img/404-ghost@2x.png" srcset="/ghost/img/404-ghost.png 1x, /ghost/img/404-ghost@2x.png 2x"/>
+        </figure>
+        <section class="error-message">
+          <h1 class="error-code">{{code}}</h1>
+          <h2 class="error-description">{{message}}</h2>
+        </section>
+    </section>
 </section>
\ No newline at end of file