From 3e73ec35e630d25f91f0421eeabf737b47bb68e6 Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Fri, 23 May 2025 13:37:37 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(Hero):=20fix=20deformed=20sc?=
 =?UTF-8?q?roll=20button=20shape?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/molecules/Hero/Hero.tsx        | 22 ++++---------------
 .../ProjectSpotlight/ProjectSpotlight.tsx     |  2 +-
 2 files changed, 5 insertions(+), 19 deletions(-)

diff --git a/src/components/molecules/Hero/Hero.tsx b/src/components/molecules/Hero/Hero.tsx
index bf19bd4..31c1161 100644
--- a/src/components/molecules/Hero/Hero.tsx
+++ b/src/components/molecules/Hero/Hero.tsx
@@ -44,22 +44,8 @@ const Hero = (props: { scrollTarget?: React.ForwardedRef<HTMLSelectElement> }) =
           },
         })}>
         <Box>
-          {/*
-              <h2>Michele Tartari</h2>
-							<h3>Robotics Engineer</h3>
-             */}
-          <Typography
-            // sx={{ fontSize: '2.5em',margin: 0 }}
-            variant="h3">
-            Robotics Engineer
-          </Typography>
-          <Typography
-            color="text.secondary"
-            sx={{
-              // margin: { xs: '0.5em 1em', md: '0.5em 0 0 0' },
-              margin: '0.5em 0 0 0',
-              top: 0,
-            }}>
+          <Typography variant="h3">Robotics Engineer</Typography>
+          <Typography color="text.secondary" sx={{ margin: '0.5em 0 0 0', top: 0 }}>
             See some of my works below. Send a message to get in touch.
           </Typography>
           <Stack direction="row" gap={2} mt={2} justifyContent={{ xs: 'center', sm: 'end' }}>
@@ -83,8 +69,8 @@ const Hero = (props: { scrollTarget?: React.ForwardedRef<HTMLSelectElement> }) =
       {props.scrollTarget && (
         <IconButton
           size="large"
-          onClick={() => (props.scrollTarget as React.RefObject<HTMLSelectElement | null>).current?.scrollIntoView()}
-          sx={{ display: { xs: 'none', md: 'block' }, position: 'absolute', p: 1, bottom: 3 }}>
+          onClick={() => (props.scrollTarget as React.RefObject<HTMLElement | null>).current?.scrollIntoView()}
+          sx={{ position: 'absolute', p: 1, bottom: 2, left: '50%', transform: 'translate(-50%, 0)' }}>
           <ExpandMore fontSize="large" />
         </IconButton>
       )}
diff --git a/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx b/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx
index 89c69f7..05d2d3c 100644
--- a/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx
+++ b/src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx
@@ -153,7 +153,7 @@ const DesktopComponent = React.forwardRef<HTMLSelectElement, Props>((props, ref)
           {props.scrollTarget && (
             <IconButton
               size="large"
-              onClick={() => (props.scrollTarget as React.MutableRefObject<HTMLSelectElement | null>).current?.scrollIntoView()}
+              onClick={() => (props.scrollTarget as React.RefObject<HTMLSelectElement | null>).current?.scrollIntoView()}
               sx={{ position: 'absolute', p: 1, bottom: 2, left: '50%', transform: 'translate(-50%, 0)' }}>
               <ExpandMore fontSize="large" />
             </IconButton>