diff --git a/src/app/pages/order/order.component.html b/src/app/pages/order/order.component.html
index 52ae239..d800066 100644
--- a/src/app/pages/order/order.component.html
+++ b/src/app/pages/order/order.component.html
@@ -441,9 +441,10 @@
         <div>
           <ol>
             <li *ngFor="let product of row.item.productDetails; let i = index">
-              {{ i+1}}. Product Name: {{ product.productName }} - {{ product.qty }}
+              <div *ngIf="i+1 != 1">     |     </div>
+             <span> {{ i+1}}. Product Name: {{ product.productName }} - {{ product.qty }}  </span>
               <span *ngIf="product.qty > 1"> No's </span><span *ngIf="product.qty == 1"> No </span>
-              <div *ngIf="product.productSpec !== null"> | Mixed Gas: {{ product.productSpec }}</div>
+              <div *ngIf="product.productSpec !== null"> , Mixed Gas: {{ product.productSpec }}</div>
             </li>
           </ol>
         </div>