From 21743fab4e5e3c84333b49be53b2b75524eb1dcf Mon Sep 17 00:00:00 2001
From: Louis Grasset <louisgrasset@protonmail.com>
Date: Sat, 13 Jul 2024 21:14:13 +0200
Subject: [PATCH] fix(hero): prevent typemachine overflow

---
 src/components/Typemachine/Typemachine.tsx | 2 +-
 src/sections/Hero/Hero.scss                | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Typemachine/Typemachine.tsx b/src/components/Typemachine/Typemachine.tsx
index bb6ad12..24af14c 100644
--- a/src/components/Typemachine/Typemachine.tsx
+++ b/src/components/Typemachine/Typemachine.tsx
@@ -34,7 +34,7 @@ export function TypeMachine ({ sentences, } : TypeMachineProps) {
     }, [charIndex, sentenceIndex, sentences]);
 
     return (
-        <div style={{ fontFamily: "'JetBrains Mono', monospace", fontWeight: "600", whiteSpace: "pre" }}>
+        <div style={{ fontFamily: "'JetBrains Mono', monospace", fontWeight: "600" }}>
             {currentSentence}
         </div>
     );
diff --git a/src/sections/Hero/Hero.scss b/src/sections/Hero/Hero.scss
index 3bb15cf..d8893c0 100644
--- a/src/sections/Hero/Hero.scss
+++ b/src/sections/Hero/Hero.scss
@@ -142,6 +142,11 @@
     font-size: 2rem;
     font-weight: 500;
     min-height: 25px;
+
+    @media screen and (width <= 800px) {
+      min-height: 50px;
+      max-width: 300px !important;
+    }
   }
 
   &__actions {