From 81cb95ad48577fdb53aae6149606809936aec375 Mon Sep 17 00:00:00 2001
From: Brian Muenzenmeyer <brian.muenzenmeyer@gmail.com>
Date: Tue, 24 Sep 2024 05:36:24 -0500
Subject: [PATCH] center the error state headings

did not alter .special, as that is used for the homepage
---
 apps/site/app/[locale]/error.tsx     | 2 +-
 apps/site/app/[locale]/not-found.tsx | 4 +++-
 apps/site/app/global-error.tsx       | 4 +++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/site/app/[locale]/error.tsx b/apps/site/app/[locale]/error.tsx
index 8f642ae363cc6..a62a830d1f1ed 100644
--- a/apps/site/app/[locale]/error.tsx
+++ b/apps/site/app/[locale]/error.tsx
@@ -19,7 +19,7 @@ const ErrorPage: FC<{ error: Error }> = ({ error }) => {
 
       <main>
         500
-        <h1 className="special -mt-4">
+        <h1 className="special -mt-4 text-center">
           {t('layouts.error.internalServerError.title')}
         </h1>
         <p className="-mt-4 max-w-sm text-center text-lg">
diff --git a/apps/site/app/[locale]/not-found.tsx b/apps/site/app/[locale]/not-found.tsx
index 233b988af11ef..44d8839a42d7d 100644
--- a/apps/site/app/[locale]/not-found.tsx
+++ b/apps/site/app/[locale]/not-found.tsx
@@ -18,7 +18,9 @@ const NotFoundPage: FC = () => {
 
       <main>
         404
-        <h1 className="special -mt-4">{t('layouts.error.notFound.title')}</h1>
+        <h1 className="special -mt-4 text-center">
+          {t('layouts.error.notFound.title')}
+        </h1>
         <div className="my-4 flex h-[150px] items-center justify-center md:h-[300px]">
           <div className="turtle motion-safe:animate-surf motion-reduce:animate-none">
             <Image
diff --git a/apps/site/app/global-error.tsx b/apps/site/app/global-error.tsx
index 20d1cb618a735..6cab08ae716f9 100644
--- a/apps/site/app/global-error.tsx
+++ b/apps/site/app/global-error.tsx
@@ -21,7 +21,9 @@ const GlobalErrorPage: FC<{ error: Error }> = ({ error }) => {
 
             <main>
               500
-              <h1 className="special -mt-4">Internal Server Error</h1>
+              <h1 className="special -mt-4 text-center">
+                Internal Server Error
+              </h1>
               <p className="-mt-4 max-w-sm text-center text-lg">
                 This page has thrown a non-recoverable error.
               </p>