From d167ca3b6ca79e7533bbd7f868ee2996c238df83 Mon Sep 17 00:00:00 2001
From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
Date: Wed, 13 Apr 2022 14:25:34 +0200
Subject: [PATCH] feat(system): improve typography styles

---
 packages/status-react/src/system/heading/heading.tsx | 1 +
 packages/status-react/src/system/text/text.tsx       | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/packages/status-react/src/system/heading/heading.tsx b/packages/status-react/src/system/heading/heading.tsx
index ce17283a..6c0fdee3 100644
--- a/packages/status-react/src/system/heading/heading.tsx
+++ b/packages/status-react/src/system/heading/heading.tsx
@@ -4,6 +4,7 @@ import type React from 'react'
 
 const Heading = styled('div', {
   fontFamily: theme.fonts.sans,
+  overflowWrap: 'break-word',
 
   variants: {
     size: {
diff --git a/packages/status-react/src/system/text/text.tsx b/packages/status-react/src/system/text/text.tsx
index 40925af6..8604af1c 100644
--- a/packages/status-react/src/system/text/text.tsx
+++ b/packages/status-react/src/system/text/text.tsx
@@ -4,6 +4,8 @@ import type React from 'react'
 
 const Text = styled('div', {
   fontFamily: theme.fonts.sans,
+  overflowWrap: 'break-word',
+  lineHeight: 1.5,
 
   variants: {
     size: {