diff --git a/libs/ui/elements/src/lib/metadata-info/metadata-info.component.html b/libs/ui/elements/src/lib/metadata-info/metadata-info.component.html
index 4b697dbcaf..ec4dcd879a 100644
--- a/libs/ui/elements/src/lib/metadata-info/metadata-info.component.html
+++ b/libs/ui/elements/src/lib/metadata-info/metadata-info.component.html
@@ -4,14 +4,12 @@
 >
   record.metadata.about
 </p>
-<div
-  class="text-gray-900 mb-6 md-description sm:mb-4 sm:pr-16"
-  *ngIf="metadata.abstract"
->
+<div class="text-gray-900 mb-6 md-description sm:mb-4 sm:pr-16">
   <gn-ui-content-ghost ghostClass="h-32" [showContent]="fieldReady('abstract')">
     <p
       class="whitespace-pre-line break-words"
       [innerHTML]="metadata.abstract | safe: 'html'"
+      *ngIf="metadata.abstract"
     ></p>
   </gn-ui-content-ghost>
 </div>
diff --git a/libs/ui/elements/src/lib/metadata-info/metadata-info.component.spec.ts b/libs/ui/elements/src/lib/metadata-info/metadata-info.component.spec.ts
index 19b3ffbc84..eaba09c8d0 100644
--- a/libs/ui/elements/src/lib/metadata-info/metadata-info.component.spec.ts
+++ b/libs/ui/elements/src/lib/metadata-info/metadata-info.component.spec.ts
@@ -43,7 +43,7 @@ describe('MetadataInfoComponent', () => {
     })
     it('should not display the abstract section', () => {
       const displayedElement =
-        fixture.nativeElement.querySelector('.md-description')
+        fixture.nativeElement.querySelector('.md-description p')
       expect(displayedElement).toBeFalsy()
     })
   })
@@ -69,7 +69,7 @@ describe('MetadataInfoComponent', () => {
     })
     it('should display the abstract section', () => {
       const displayedElement =
-        fixture.nativeElement.querySelector('.md-description')
+        fixture.nativeElement.querySelector('.md-description p')
       expect(displayedElement).toBeTruthy()
     })
   })