fix: use break-word in title

safe-global · Oct 10, 2023 · eecc579 · eecc579
1 parent 144b6ec
commit eecc579
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git 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
@@ -120,6 +120,7 @@
   font-weight: 400;
   color: var(--mui-palette-text-primary);
   margin-bottom: 24px;
+  overflow-wrap: break-word;
 }
 
 .subtitle {