From 93144e1ef21cb857e7ff65ca1010c0638a5b7868 Mon Sep 17 00:00:00 2001
From: Liz <miextr4@gmail.com>
Date: Tue, 31 Mar 2026 23:00:01 +0100
Subject: [PATCH] Fix 404 page design

---
 src/components/ErrorPageComponent.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/ErrorPageComponent.tsx b/src/components/ErrorPageComponent.tsx
index 93f663c3..0336c1af 100644
--- a/src/components/ErrorPageComponent.tsx
+++ b/src/components/ErrorPageComponent.tsx
@@ -18,17 +18,22 @@ export const ErrorPageComponent: React.FC<ErrorProps> = ({ title }) => {
       }}
     >
       <main>
-        <Typography variant="h3" color="#001E2E" sx={{ marginBottom: '20px' }}>
+        <Typography variant="h3" color="#001E2E" sx={{ marginBottom: "20px" }}>
           {title}
         </Typography>
 
         <Image
           src="/icons/error-illustration.png"
           alt="Error Robot"
-          width="100"
-          height="100"
+          width={743}
+          height={418}
+          sizes="100vw"
+          style={{
+            width: "100%",
+            height: "auto",
+          }}
         />
-        <Typography variant="body1">
+        <Typography variant="body1" sx={{ marginTop: "30px", marginBottom: "20px" }}>
           Something went wrong on our end. Please try again later.
         </Typography>
         <Button
@@ -36,7 +41,7 @@ export const ErrorPageComponent: React.FC<ErrorProps> = ({ title }) => {
           href="/"
           variant="contained"
           color="primary"
-          sx={{ borderRadius: '100px' }}
+          sx={{ borderRadius: "100px", marginBottom:"20px" }}
         >
           Back to home
         </Button>