From 683e239aff4fe5fa0bcb6f03cd1c73ba6307e790 Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Mon, 16 Jun 2025 14:55:17 +0000
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(ErrorPage):=20use?=
 =?UTF-8?q?=20common=20`SectionHeader`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/pages/ErrorPage/ErrorPage.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/ErrorPage/ErrorPage.tsx b/src/components/pages/ErrorPage/ErrorPage.tsx
index 6228cb0..4451337 100644
--- a/src/components/pages/ErrorPage/ErrorPage.tsx
+++ b/src/components/pages/ErrorPage/ErrorPage.tsx
@@ -1,15 +1,16 @@
 import { isRouteErrorResponse, useRouteError } from 'react-router-dom'
 import { Typography } from '@mui/material'
 
+import { SectionHeader } from 'components/atoms/index.js'
 import { Page } from 'components/templates/index.js'
 
 const ErrorPage: React.FC = () => {
   const error: unknown = useRouteError()
   return (
     <Page sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', minHeight: '90vh' }}>
-      <Typography variant="h1" color="primary.main">
+      <SectionHeader variant="h1" component="h1" textTransform="none">
         Oops!
-      </Typography>
+      </SectionHeader>
       <Typography variant="h6">Sorry, an unexpected error has occurred.</Typography>
       {isRouteErrorResponse(error) && (
         <Typography color="text.secondary">