diff --git a/packages/status-react/src/system/heading/heading.tsx b/packages/status-react/src/system/heading/heading.tsx
index ce17283..6c0fdee 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 40925af..8604af1 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: {