diff --git a/apps/web/app/error.tsx b/apps/web/app/error.tsx
index 57ea2a3d5..d1220138f 100644
--- a/apps/web/app/error.tsx
+++ b/apps/web/app/error.tsx
@@ -1,7 +1,5 @@
 'use client';
 
-import Link from 'next/link';
-
 import { ArrowLeft } from 'lucide-react';
 
 import { useCaptureException } from '@kit/monitoring/hooks';
@@ -31,7 +29,7 @@ const ErrorPage = ({
       >
         <div className={'flex flex-col items-center space-y-16'}>
           <div>
-            <h1 className={'text-8xl font-extrabold'}>500 :(</h1>
+            <h1 className={'font-heading text-9xl font-extrabold'}>500 :(</h1>
           </div>
 
           <div className={'flex flex-col items-center space-y-4'}>
diff --git a/apps/web/app/not-found.tsx b/apps/web/app/not-found.tsx
index ab379f2e4..b060e4aa7 100644
--- a/apps/web/app/not-found.tsx
+++ b/apps/web/app/not-found.tsx
@@ -38,7 +38,7 @@ const NotFoundPage = async () => {
       >
         <div className={'flex flex-col items-center space-y-12'}>
           <div>
-            <h1 className={'text-8xl font-extrabold'}>404 :(</h1>
+            <h1 className={'font-heading text-9xl font-extrabold'}>404 :(</h1>
           </div>
 
           <div className={'flex flex-col items-center space-y-4'}>