From ff45bac168d3381f5ef4d81fc09d0da12adb6147 Mon Sep 17 00:00:00 2001
From: Nelson Reitz <nelson.reitz@gmail.com>
Date: Fri, 15 Mar 2019 10:41:30 +0100
Subject: [PATCH] Fix overflowing headers on small screens

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

diff --git a/src/theme.js b/src/theme.js
index 9f440d56d2d..a4d44520622 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',