From 1fe2e0ae29b2fe8a8a09ab10048bb9fe284ff568 Mon Sep 17 00:00:00 2001
From: Nelson Reitz <nelsonreitz@users.noreply.github.com>
Date: Fri, 15 Mar 2019 15:04:19 +0100
Subject: [PATCH] Fix overflowing headers on small screens (#1830)

---
 src/theme.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/theme.js b/src/theme.js
index 9f440d56..a4d44520 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -89,6 +89,11 @@ const fonts = {
     lineHeight: '65px',
     fontWeight: 700,
 
+    [media.lessThan('small')]: {
+      overflowWrap: 'break-word',
+      wordBreak: 'break-word',
+    },
+
     [media.lessThan('medium')]: {
       fontSize: 40,
       lineHeight: '45px',