From e432174e0602c9228467cc7d5dae83f98604b653 Mon Sep 17 00:00:00 2001
From: FleetAdmiralJakob <jakob.roessner@outlook.de>
Date: Wed, 24 Jan 2024 19:00:22 +0100
Subject: [PATCH] style: Improved the style regarding a not centered text on
 the 404 page

---
 apps/web/src/pages/404.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/pages/404.tsx b/apps/web/src/pages/404.tsx
index 14e153af..7f56aa87 100644
--- a/apps/web/src/pages/404.tsx
+++ b/apps/web/src/pages/404.tsx
@@ -1,6 +1,7 @@
+import { useTranslation } from "next-i18next";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
+
 import Layout from "~/components/Layout";
-import { useTranslation } from "next-i18next";
 
 // For more information about 404 page, please visit https://nextjs.org/docs/pages/building-your-application/routing/custom-error#404-page
 export default function Custom404() {
@@ -9,7 +10,9 @@ export default function Custom404() {
   return (
     <Layout title={translationCommon("title 404 page")}>
       <div className="flex w-full flex-col items-center">
-        <h1 className="mt-10 text-4xl font-bold">{translation404("title")}</h1>
+        <h1 className="mt-10 text-center text-4xl font-bold">
+          {translation404("title")}
+        </h1>
       </div>
     </Layout>
   );