From 9ea4f4251d1b7808c16596729230fe7777e83053 Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Sat, 17 Feb 2024 10:58:36 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(atoms):=20fix=20E?=
 =?UTF-8?q?xtracurricolar=20alignment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../atoms/Extracurricular/Extracurricular.tsx  | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/atoms/Extracurricular/Extracurricular.tsx b/src/components/atoms/Extracurricular/Extracurricular.tsx
index 8ac334f..166e6f0 100644
--- a/src/components/atoms/Extracurricular/Extracurricular.tsx
+++ b/src/components/atoms/Extracurricular/Extracurricular.tsx
@@ -11,15 +11,17 @@ type ExtracurricularProps = {
 
 const Extracurricular = ({ Component = Box, ...props }: ExtracurricularProps) => {
   return (
-    <Component sx={{ pl: 2, ...props.sx }} display="flex" columnGap={1} alignItems="flex-start">
-      <Typography variant="body1" flexGrow={1} {...props.titleProps}>
-        {props.title}
-      </Typography>
-      {props.year && (
-        <Typography variant="subtitle1" color="primary.main">
-          {props.year}
+    <Component sx={{ ...props.sx }}>
+      <Box pl={2} display="flex" alignItems="flex-start" columnGap={1} flexWrap="wrap-reverse">
+        <Typography variant="body1" flexGrow={1} {...props.titleProps}>
+          {props.title}
         </Typography>
-      )}
+        {props.year && (
+          <Typography variant="subtitle1" color="primary.main" flexGrow={0}>
+            {props.year}
+          </Typography>
+        )}
+      </Box>
     </Component>
   )
 }