From 895554150ab19fec774cf5edfb4e8345ea69d16f Mon Sep 17 00:00:00 2001
From: varbuzz <rejandev@gmail.com>
Date: Fri, 7 Jul 2023 02:17:10 +0545
Subject: [PATCH] fix: error btn color

---
 src/scenes/Error/index.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/scenes/Error/index.tsx b/src/scenes/Error/index.tsx
index daa110c..c35c5d9 100644
--- a/src/scenes/Error/index.tsx
+++ b/src/scenes/Error/index.tsx
@@ -1,9 +1,11 @@
-import { Box, Button, Container, Typography } from '@mui/material';
+import { Box, Button, Container, Typography, useTheme } from '@mui/material';
 import FlexBetween from '../../components/FlexBetween';
 import { useNavigate } from 'react-router-dom';
 
 const Error = () => {
   const navigate = useNavigate();
+  const theme = useTheme();
+
   return (
     <Container maxWidth='lg' sx={{ p: '5.5rem 0' }}>
       <FlexBetween sx={{ flexDirection: 'column', gap: '2.5rem' }}>
@@ -21,7 +23,19 @@ const Error = () => {
           >
             We’re sorry. The page you requested could not be found.
           </Typography>
-          <Button onClick={() => navigate('/home')}>Back to the home page</Button>
+          <Box textAlign={'center'} mt='1.5rem'>
+            <Button
+              onClick={() => navigate('/home')}
+              sx={{
+                background: 'rgba(121,173,186)',
+                '&:hover': {
+                  background: 'rgba(121,173,186,0.8)',
+                },
+              }}
+            >
+              Back to the home page
+            </Button>
+          </Box>
         </Box>
       </FlexBetween>
     </Container>