diff --git a/src/app/pages/product/product-detail-info/product-detail-info.component.html b/src/app/pages/product/product-detail-info/product-detail-info.component.html
index d2dcb3d457..f27c485c57 100644
--- a/src/app/pages/product/product-detail-info/product-detail-info.component.html
+++ b/src/app/pages/product/product-detail-info/product-detail-info.component.html
@@ -2,17 +2,23 @@
   <ul ngbNav #nav="ngbNav" class="nav-tabs w-100" [(activeId)]="active">
     <li [ngbNavItem]="'DESCRIPTION'">
       <a ngbNavLink>{{ 'product.description.heading' | translate }}</a>
-      <ng-template ngbNavContent>{{ product.longDescription }}</ng-template>
+      <ng-template ngbNavContent>
+        <div [innerHTML]="product.longDescription"></div>
+      </ng-template>
     </li>
 
     <li *ngIf="product.attributes?.length" [ngbNavItem]="'DETAILS'">
       <a ngbNavLink>{{ 'product.details.heading' | translate }}</a>
-      <ng-template ngbNavContent><ish-product-attributes [product]="product"></ish-product-attributes></ng-template>
+      <ng-template ngbNavContent>
+        <ish-product-attributes [product]="product"></ish-product-attributes>
+      </ng-template>
     </li>
 
     <li *ngIf="product.attachments?.length" [ngbNavItem]="'ATTACHMENTS'">
       <a ngbNavLink>{{ 'product.attachments.heading' | translate }}</a>
-      <ng-template ngbNavContent><ish-product-attachments></ish-product-attachments></ng-template>
+      <ng-template ngbNavContent>
+        <ish-product-attachments></ish-product-attachments>
+      </ng-template>
     </li>
   </ul>