diff --git a/frontend/src/crudtemplates/ViewObjectPage.js b/frontend/src/crudtemplates/ViewObjectPage.js
index 486edd2..8891181 100644
--- a/frontend/src/crudtemplates/ViewObjectPage.js
+++ b/frontend/src/crudtemplates/ViewObjectPage.js
@@ -142,7 +142,7 @@ const ViewObjectPage = (props) => {
                 <dt className="text-sm font-medium text-gray-500">
                   {field.label}
                 </dt>
-                <dd className="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words">
+                <dd className="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words whitespace-pre-wrap">
                   {!loading &&
                     displayField(field, record, "ViewObjectPage", {
                       setRecord: setRecord,
diff --git a/frontend/src/crudtemplates/utils.js b/frontend/src/crudtemplates/utils.js
index b99b30d..369f700 100644
--- a/frontend/src/crudtemplates/utils.js
+++ b/frontend/src/crudtemplates/utils.js
@@ -289,7 +289,9 @@ export const displayField = (field, record, context, props) => {
             x
           ) : (
             <>
-              {acc} <br /> {x}
+              {acc}
+              <br />
+              {x}
             </>
           ),
         null,