diff --git a/src/app/features/metadata/components/metadata-description/metadata-description.component.html b/src/app/features/metadata/components/metadata-description/metadata-description.component.html
index b1dd3143b..4fe9317c3 100644
--- a/src/app/features/metadata/components/metadata-description/metadata-description.component.html
+++ b/src/app/features/metadata/components/metadata-description/metadata-description.component.html
@@ -12,7 +12,7 @@ <h2>{{ 'project.overview.metadata.description' | translate }}</h2>
     }
   </div>
 
-  <p data-test-display-node-description class="mt-4">
+  <p data-test-display-node-description class="mt-4 preserve-whitespace">
     {{ description() || ('project.overview.metadata.noDescription' | translate) }}
   </p>
 </p-card>
diff --git a/src/app/shared/components/resource-card/components/registration-secondary-metadata/registration-secondary-metadata.component.html b/src/app/shared/components/resource-card/components/registration-secondary-metadata/registration-secondary-metadata.component.html
index bfa177afd..87207f827 100644
--- a/src/app/shared/components/resource-card/components/registration-secondary-metadata/registration-secondary-metadata.component.html
+++ b/src/app/shared/components/resource-card/components/registration-secondary-metadata/registration-secondary-metadata.component.html
@@ -1,7 +1,9 @@
 <div class="flex flex-column gap-2">
   @let resourceValue = resource();
   @if (resourceValue.description) {
-    <p>{{ 'resourceCard.labels.description' | translate }} {{ resourceValue.description }}</p>
+    <p class="preserve-whitespace">
+      {{ 'resourceCard.labels.description' | translate }} {{ resourceValue.description }}
+    </p>
   }
 
   @if (resourceValue.funders.length > 0) {
diff --git a/src/app/shared/components/resource-card/resource-card.component.html b/src/app/shared/components/resource-card/resource-card.component.html
index eb049e9fa..58f2eb366 100644
--- a/src/app/shared/components/resource-card/resource-card.component.html
+++ b/src/app/shared/components/resource-card/resource-card.component.html
@@ -95,7 +95,7 @@ <h2>
 
       @if (resource().context) {
         <div class="flex flex-row gap-1 line-height-3 flex-wrap">
-          <p [innerHTML]="`${'resourceCard.labels.context' | translate}: ${resource().context}`"></p>
+          <p [innerHTML]="`${('resourceCard.labels.context' | translate)}: ${resource().context}`"></p>
         </div>
       }
 
diff --git a/src/app/shared/components/truncated-text/truncated-text.component.scss b/src/app/shared/components/truncated-text/truncated-text.component.scss
index 8c983db9c..e46706535 100644
--- a/src/app/shared/components/truncated-text/truncated-text.component.scss
+++ b/src/app/shared/components/truncated-text/truncated-text.component.scss
@@ -6,7 +6,7 @@
   line-clamp: var(--line-clamp);
   -webkit-line-clamp: var(--line-clamp);
   -webkit-box-orient: vertical;
-  white-space: pre-line;
+  white-space: pre-wrap;
 
   &.expanded {
     display: block;