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',