From bd96bca168c3e8f02a55857ed7d4a0e8c51c28b3 Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Fri, 13 Feb 2026 15:50:17 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(ProjectSpotlight):=20fix=20a?=
 =?UTF-8?q?nd=20cleanup=20hydration=20error=20warnings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ProjectSpotlight/ProjectSpotlight.tsx        | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx b/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx
index 78c7d6e..b35da92 100644
--- a/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx
+++ b/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx
@@ -44,9 +44,7 @@ const Description = (props: Props) => {
               <Typography variant="h4">{props.title}</Typography>
               {props.caption}
             </Grid>
-            <Grid component={Typography} size={8}>
-              {props.children}
-            </Grid>
+            <Grid size={8}>{props.children}</Grid>
           </Grid>
         </Box>
       )
@@ -73,9 +71,7 @@ const Description = (props: Props) => {
               <Typography variant="h4">{props.title}</Typography>
               {props.caption}
             </Grid>
-            <Grid component={Typography} size={8}>
-              {props.children}
-            </Grid>
+            <Grid size={8}>{props.children}</Grid>
           </Grid>
         </Box>
       )
@@ -98,7 +94,7 @@ const Description = (props: Props) => {
           })}>
           <Typography variant="h4">{props.title}</Typography>
           {props.caption}
-          <Typography mt={3}>{props.children}</Typography>
+          <Box mt={3}>{props.children}</Box>
         </Box>
       )
     case 'left':
@@ -118,9 +114,11 @@ const Description = (props: Props) => {
             p: `${theme.spacing(10)} ${theme.spacing(5)} ${theme.spacing(5)} ${theme.spacing(5)}`,
             // p: '5.1em 3.1em 3.1em 3.1em',
           })}>
-          <Typography variant="h4">{props.title}</Typography>
+          <Typography variant="h4" mb={3}>
+            {props.title}
+          </Typography>
           {props.caption}
-          <Typography mt={3}>{props.children}</Typography>
+          <Box mt={3}>{props.children}</Box>
         </Box>
       )
   }