diff --git a/assets/css/ghost/errors.css b/assets/css/ghost/errors.css
deleted file mode 100644
index e2ae5a6..0000000
--- a/assets/css/ghost/errors.css
+++ /dev/null
@@ -1,60 +0,0 @@
-/* Error Templates
-/* ---------------------------------------------------------- */
-
-.gh-error {
-    flex: 1 0 auto;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding-bottom: 2vmin;
-}
-
-.gh-error-content {
-    flex: 1 0 auto;
-    text-align: center;
-}
-
-.gh-error-code {
-    margin: 0;
-    font-size: 14vmin;
-}
-
-.gh-error-description {
-    max-width: 600px;
-    margin: 0 auto;
-    padding: 0 1.25rem;
-    font-size: 4vmin;
-    line-height: 1.2em;
-    font-weight: 300;
-    opacity: 0.6;
-}
-
-.gh-error-link {
-    display: block;
-    margin-top: 4vmin;
-    font-size: 1rem;
-}
-
-.gh-error-stack {
-    max-width: 600px;
-    margin: 0 auto 0;
-    padding: 8vmin 0;
-    text-align: left;
-}
-
-.gh-error-stack-list {
-    margin: 4vmin 0 0;
-    font-size: 0.875rem;
-}
-
-.gh-error-stack-list > li {
-    padding: 1.25rem 0;
-    margin: 0;
-    border-top: rgba(0, 0, 0, 0.1) 1px solid;
-}
-
-.gh-error-stack-function {
-    margin: 0 0 0.5em;
-    font-size: 1.125rem;
-    color: red;
-}
diff --git a/assets/css/main.css b/assets/css/main.css
index e4c8aa8..bbfb25c 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -7,7 +7,6 @@
 @import "ghost/header.css";
 @import "ghost/content.css";
 @import "ghost/readmore.css";
-@import "ghost/errors.css";
 @import "ghost/footer.css";
 
 @layer base {
diff --git a/error.hbs b/error.hbs
index a485cde..99c06aa 100644
--- a/error.hbs
+++ b/error.hbs
@@ -1,50 +1,44 @@
 {{!< default}}
 
-<section class="w-full max-w-screen-xl mx-auto my-0">
-    <section class="gh-error-content">
-        <h1 class="gh-error-code">
-            {{statusCode}}
-        </h1>
-        <p class="gh-error-description">
-            {{message}}
-        </p>
-        <p class="gh-error-link">
-            <a href="{{@site.url}}">
-                Go to the front page →
-            </a>
-        </p>
+<section class="max-w-screen-sm mx-auto content-center prose text-center">
+    <h1>{{statusCode}}</h1>
+    <p>{{message}}</p>
+    <p class="mt-4">
+        <a href="{{@site.url}}">
+            Go to the front page →
+        </a>
+    </p>
 
-        {{#if errorDetails}}
-            <section class="gh-error-stack">
-                <h4>
-                    Theme errors:
-                </h4>
-                <ul class="gh-error-stack-list">
-                    {{#foreach errorDetails}}
-                        <li>
-                            <h5 class="gh-error-stack-function">
-                                {{{rule}}}
-                            </h5>
+    {{#if errorDetails}}
+    <section class="text-left py-4">
+        <h4>
+            Theme errors:
+        </h4>
+        <ul class="text-sm mt-2">
+            {{#foreach errorDetails}}
+                <li class="px-0 py-5 m-0">
+                    <h5 class="mb-0.5 border-t border-gray-300">
+                        {{{rule}}}
+                    </h5>
 
-                            {{#foreach failures}}
-                                <span class="gh-error-stack-file">
-                                    <strong>
-                                        Ref:
-                                    </strong>
-                                    {{ref}}
-                                </span>
-                                <br />
-                                <span class="gh-error-stack-file">
-                                    <strong>
-                                        Message:
-                                    </strong>
-                                    {{message}}
-                                </span>
-                            {{/foreach}}
-                        </li>
+                    {{#foreach failures}}
+                        <span>
+                            <strong>
+                                Ref:
+                            </strong>
+                            {{ref}}
+                        </span>
+                        <br />
+                        <span>
+                            <strong>
+                                Message:
+                            </strong>
+                            {{message}}
+                        </span>
                     {{/foreach}}
-                </ul>
-            </section>
-        {{/if}}
+                </li>
+            {{/foreach}}
+        </ul>
     </section>
+    {{/if}}
 </section>