diff --git a/rhodecode/public/502.html b/rhodecode/public/502.html
--- a/rhodecode/public/502.html
+++ b/rhodecode/public/502.html
@@ -89,7 +89,9 @@
         </div>
         <div class="main">
             <h1>
-                502 Bad Gateway | <span class="error_message">Backend server is unreachable</span>
+                502 Bad Gateway
+                <br/>
+                <span class="error_message">Backend server is unreachable</span>
             </h1>
             <div class="inner-column">
                 <h4>Possible Causes</h4>
diff --git a/rhodecode/templates/errors/error_document.mako b/rhodecode/templates/errors/error_document.mako
--- a/rhodecode/templates/errors/error_document.mako
+++ b/rhodecode/templates/errors/error_document.mako
@@ -31,7 +31,9 @@
                     <span class="error-branding">
                         ${h.branding(c.rhodecode_name)}
                     </span><br/>
-                    ${c.error_message} | <span class="error_message">${c.error_explanation}</span>
+                    ${c.error_message}
+                    <br/>
+                    <span class="error_message">${c.error_explanation}</span>
                 </h1>
                 % if c.messages:
                     % for message in c.messages: