From 2c1a01dcff3ef0b32e39831cd75245e26f8eef99 Mon Sep 17 00:00:00 2001
From: RuisPipe <alexander@roese.dev>
Date: Mon, 5 Jul 2021 16:46:53 +0200
Subject: [PATCH] Fixed contact email bug

---
 src/App.css           | 4 ++++
 src/routes/Contact.js | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index da450be..2c50dff 100644
--- a/src/App.css
+++ b/src/App.css
@@ -346,6 +346,10 @@
   color: rgba(252, 252, 252, 0.705);
 }
 
+#modal-contact div {
+  overflow-x: auto;
+}
+
 #modal-contact a {
   color: #00acd3;
   font-weight: bold;
diff --git a/src/routes/Contact.js b/src/routes/Contact.js
index 6413a8c..568cfe1 100644
--- a/src/routes/Contact.js
+++ b/src/routes/Contact.js
@@ -8,7 +8,9 @@ export default function Contact() {
         <div id="modal-contact" className="modal">
           <h2>{language.pages.contact.title}</h2>
           <p>{language.pages.contact.text}</p>
-          <a href="mailto:alexander@roese.dev">alexander@roese.dev</a>
+          <div>
+            <a href="mailto:alexander@roese.dev">alexander@roese.dev</a>
+          </div>
         </div>
       )}
     </LanguageContext.Consumer>