diff --git a/static/images/timeout_hourglass.png b/static/images/timeout_hourglass.png
new file mode 100644
index 0000000000..3da91302fd
Binary files /dev/null and b/static/images/timeout_hourglass.png differ
diff --git a/static/styles/portico.css b/static/styles/portico.css
index 733cec88d9..50a12aa547 100644
--- a/static/styles/portico.css
+++ b/static/styles/portico.css
@@ -1747,6 +1747,11 @@ input.new-organization-button {
     line-height: normal;
 }
 
+.hourglass-img {
+    width: initial !important;
+    margin-bottom: 25px !important;
+}
+
 @media (max-width: 1000px) {
     .app.help .markdown {
         width: calc(100vw - 50px);
diff --git a/templates/confirmation/link_does_not_exist.html b/templates/confirmation/link_does_not_exist.html
index bc206e8f52..6076e166d5 100644
--- a/templates/confirmation/link_does_not_exist.html
+++ b/templates/confirmation/link_does_not_exist.html
@@ -1,17 +1,15 @@
 {% extends "zerver/portico.html" %}
 
 {% block portico_content %}
-
-<div class="pitch">
-    <hr/>
-    <p class="lead">Whoops. We couldn't find your confirmation link in the system.</p>
-
-    <p>
-        Anyway, shoot us a line at
-        <a href="mailto:{{ support_email }}">{{ support_email }}</a>
-        and we'll get this resolved shortly.
-    </p>
-
+<div class="error_page">
+    <div class="container">
+        <img src="/static/images/400art.svg" alt=""/>
+        <div class="errorbox">
+            <div class="errorcontent">
+                <h1 class="lead">Whoops. We couldn't find your confirmation link in the system.</h1>
+                <p>Anyway, shoot us a line at <a href="mailto:{{ support_email }}">{{ support_email }}</a> and we'll get this resolved shortly.</p>
+            </div>
+        </div>
+    </div>
 </div>
-
 {% endblock %}
diff --git a/templates/confirmation/link_expired.html b/templates/confirmation/link_expired.html
index 81a9c3038b..c53c71cec2 100644
--- a/templates/confirmation/link_expired.html
+++ b/templates/confirmation/link_expired.html
@@ -1,15 +1,17 @@
 {% extends "zerver/portico.html" %}
 
 {% block portico_content %}
-
-<div class="pitch">
-    <hr/>
-    <p class="lead">Whoops. The confirmation link has expired or been deactivated.</p>
-
-    <p>
-        Please contact your organization administrator for a new one.
-    </p>
-
+<div class="error_page">
+    <div class="container">
+        <div class="row-fluid">
+            <img class="hourglass-img" src="/static/images/timeout_hourglass.png" alt=""/>
+            <div class="errorbox">
+                <div class="errorcontent">
+                    <h1 class="lead">Whoops. The confirmation link has expired or been deactivated.</h1>
+                    <p>Please contact your organization administrator for a new one.</p>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
-
 {% endblock %}
diff --git a/templates/confirmation/link_malformed.html b/templates/confirmation/link_malformed.html
index 5b469bce26..1fcee40f1d 100644
--- a/templates/confirmation/link_malformed.html
+++ b/templates/confirmation/link_malformed.html
@@ -1,20 +1,16 @@
 {% extends "zerver/portico.html" %}
 
 {% block portico_content %}
-
-<div class="pitch">
-    <hr/>
-    <p class="lead">Whoops. The confirmation link is malformed.</p>
-
-    <p>Make sure you copied the link correctly in to your browser. If you're
-    still encountering this page, it's probably our fault. We're sorry.</p>
-
-    <p>
-        Anyway, shoot us a line at
-        <a href="mailto:{{ support_email }}">{{ support_email }}</a>
-        and we'll get this resolved shortly.
-    </p>
-
+<div class="error_page">
+    <div class="container">
+        <img src="/static/images/500art.svg" alt=""/>
+        <div class="errorbox">
+            <div class="errorcontent">
+                <h1 class="lead">Whoops. The confirmation link is malformed.</h1>
+                <p>Make sure you copied the link correctly in to your browser. If you're still encountering this page, it's probably our fault. We're sorry.</p>
+                <p>Anyway, shoot us a line at <a href="mailto:{{ support_email }}">{{ support_email }}</a> and we'll get this resolved shortly.</p>
+            </div>
+        </div>
+    </div>
 </div>
-
 {% endblock %}