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>
   );