From 9f2e79e9dbc0d072ff6de29a468261e52565c3ee Mon Sep 17 00:00:00 2001
From: Matthew Care <matty_care@hotmail.co.uk>
Date: Mon, 27 Mar 2023 12:40:39 +0200
Subject: [PATCH] Prevent overflowing property values (#12943)

(cherry picked from commit b34a93ed596539d791da42821306efc5fa42708e)
---
 .../src/less/components/umb-node-preview.less               | 4 ++--
 .../src/less/components/umb-readonlyvalue.less              | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
index bac1ebc4f3..7e42d0e46e 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
@@ -7,7 +7,8 @@
 }
 
 .umb-editor-wrapper .umb-node-preview {
-    .umb-property-editor--limit-width();
+  word-break: break-word;
+  .umb-property-editor--limit-width();
 }
 
 .umb-node-preview:last-of-type {
@@ -38,7 +39,6 @@
 
 .umb-node-preview__content {
     flex: 1 1 auto;
-    margin-right: 25px;
     overflow: hidden;
 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-readonlyvalue.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-readonlyvalue.less
index 0790bdd07a..f0a910b278 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-readonlyvalue.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-readonlyvalue.less
@@ -1,3 +1,5 @@
-.umb-readonlyvalue  {
-    position:relative;
+.umb-readonlyvalue {
+  position: relative;
+  word-break: break-word;
+  .umb-property-editor--limit-width();
 }