From ba49f846b33934791961253382b7a58b69af826f Mon Sep 17 00:00:00 2001
From: Jiro Ghianni <jiro@maykinmedia.nl>
Date: Thu, 16 Feb 2023 15:58:08 +0100
Subject: [PATCH] :art: fix word-break to break normally and on hyphen

---
 src/open_inwoner/scss/components/Actions/Actions.scss | 3 ++-
 src/open_inwoner/scss/components/Typography/H1.scss   | 3 ++-
 src/open_inwoner/scss/components/Typography/H2.scss   | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/open_inwoner/scss/components/Actions/Actions.scss b/src/open_inwoner/scss/components/Actions/Actions.scss
index 3c9d453e6a..b3fb07b929 100644
--- a/src/open_inwoner/scss/components/Actions/Actions.scss
+++ b/src/open_inwoner/scss/components/Actions/Actions.scss
@@ -58,7 +58,8 @@
 
   .actions__label {
     padding: var(--spacing-medium);
-    word-break: break-all;
+    word-break: normal;
+    overflow-wrap: break-word;
 
     &--big {
       grid-column: 1 / span 2;
diff --git a/src/open_inwoner/scss/components/Typography/H1.scss b/src/open_inwoner/scss/components/Typography/H1.scss
index 721df6fb79..fa1cda92a2 100644
--- a/src/open_inwoner/scss/components/Typography/H1.scss
+++ b/src/open_inwoner/scss/components/Typography/H1.scss
@@ -11,7 +11,8 @@
   justify-content: space-between;
 
   @include mobile-only {
-    word-break: break-all;
+    word-break: normal;
+    overflow-wrap: break-word;
   }
 
   &:first-of-type {
diff --git a/src/open_inwoner/scss/components/Typography/H2.scss b/src/open_inwoner/scss/components/Typography/H2.scss
index e88e9ea049..9d6bfac23b 100644
--- a/src/open_inwoner/scss/components/Typography/H2.scss
+++ b/src/open_inwoner/scss/components/Typography/H2.scss
@@ -15,7 +15,8 @@
   }
 
   @include mobile-only {
-    word-break: break-all;
+    word-break: normal;
+    overflow-wrap: break-word;
   }
 }