diff --git a/core/themes/olivero/css/base/base.css b/core/themes/olivero/css/base/base.css
index 70471f960ef6b48312320879cc946e6b1fab236b..e033ba794e93aeffa5560b1c0c27b4f030ec1b75 100644
--- a/core/themes/olivero/css/base/base.css
+++ b/core/themes/olivero/css/base/base.css
@@ -26,6 +26,9 @@ html {
 
 body {
   margin: 0;
+  word-wrap: break-word;
+  -webkit-hyphens: auto;
+  hyphens: auto;
   color: var(--color-text-neutral-medium);
   background-color: var(--color--gray-100);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e  %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e");
diff --git a/core/themes/olivero/css/base/base.pcss.css b/core/themes/olivero/css/base/base.pcss.css
index dc8c93d1097e353e4643165178c1e354abf53981..69a24cf9ede78b8869957b355862580de9d4f6c7 100644
--- a/core/themes/olivero/css/base/base.pcss.css
+++ b/core/themes/olivero/css/base/base.pcss.css
@@ -21,6 +21,8 @@ html {
 
 body {
   margin: 0;
+  word-wrap: break-word;
+  hyphens: auto;
   color: var(--color-text-neutral-medium);
   background-color: var(--color--gray-100);
   background-image: url("../../images/background.svg");