From eecc57955bba189f0d146c46c82840ff0bb1a9ab Mon Sep 17 00:00:00 2001
From: Diogo Soares <diogo.lsoares@gmail.com>
Date: Tue, 10 Oct 2023 16:46:36 +0200
Subject: [PATCH] fix: use break-word in title

---
 src/components/Home/Intro/index.tsx         | 6 ++----
 src/components/Home/Intro/styles.module.css | 1 +
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/Home/Intro/index.tsx b/src/components/Home/Intro/index.tsx
index ee9c083d1..cca17fe4b 100644
--- a/src/components/Home/Intro/index.tsx
+++ b/src/components/Home/Intro/index.tsx
@@ -9,10 +9,8 @@ const Intro = ({ title, text, buttons }: BaseBlock) => {
       <div className={css.wrapper}>
         <Container>
           <Grid container flexDirection="column" className={css.content}>
-            <Grid item md={7}>
-              <Typography className={css.title} variant="h1">
-                {title}
-              </Typography>
+            <Grid item md={10} width="100%">
+              <Typography className={css.title}>{title}</Typography>
             </Grid>
             <Grid item md={6}>
               <Typography className={css.subtitle}>{text}</Typography>
diff --git a/src/components/Home/Intro/styles.module.css b/src/components/Home/Intro/styles.module.css
index 8b0c83239..1c742ffa0 100644
--- a/src/components/Home/Intro/styles.module.css
+++ b/src/components/Home/Intro/styles.module.css
@@ -120,6 +120,7 @@
   font-weight: 400;
   color: var(--mui-palette-text-primary);
   margin-bottom: 24px;
+  overflow-wrap: break-word;
 }
 
 .subtitle {