diff --git a/src/app/demo/view/iconsdemo.component.html b/src/app/demo/view/iconsdemo.component.html
index 9f1ddcb..26514af 100644
--- a/src/app/demo/view/iconsdemo.component.html
+++ b/src/app/demo/view/iconsdemo.component.html
@@ -3,7 +3,8 @@
 
 	<h5>Download</h5>
 <app-code lang="markup" ngPreserveWhitespaces ngNonBindable>
-npm install primeicons --save</app-code>
+npm install primeicons --save
+</app-code>
 
 	<h5>Getting Started</h5>
 	<p>PrimeIcons use the <strong>pi pi-&#123;icon&#125;</strong> syntax such as <strong>pi pi-check</strong>.
@@ -11,7 +12,8 @@ npm install primeicons --save</app-code>
 
 <app-code lang="markup"  ngPreserveWhitespaces ngNonBindable>
 &lt;i class="pi pi-check"&gt;&lt;/i&gt;
-&lt;i class="pi pi-times"&gt;&lt;/i&gt;</app-code>
+&lt;i class="pi pi-times"&gt;&lt;/i&gt;
+</app-code>
 
 	<i class="pi pi-check" style="margin-right: .5rem"></i>
 	<i class="pi pi-times"></i>
@@ -20,12 +22,14 @@ npm install primeicons --save</app-code>
 	<p>Size of the icons can easily be changed using font-size property.</p>
 
 <app-code lang="markup"  ngPreserveWhitespaces ngNonBindable>
-&lt;i class="pi pi-check"&gt;&lt;/i&gt;</app-code>
+&lt;i class="pi pi-check"&gt;&lt;/i&gt;
+</app-code>
 
 	<i class="pi pi-check"></i>
 
 <app-code lang="markup"  ngPreserveWhitespaces ngNonBindable>
-&lt;i class="pi pi-check" style="font-size: 2rem"&gt;&lt;/i&gt;</app-code>
+&lt;i class="pi pi-check" style="font-size: 2rem"&gt;&lt;/i&gt;
+</app-code>
 
 	<i class="pi pi-check" style="font-size: 2rem"></i>
 
@@ -33,7 +37,8 @@ npm install primeicons --save</app-code>
 	<p>Special pi-spin class applies infinite rotate to an icon.</p>
 
 <app-code lang="markup"  ngPreserveWhitespaces ngNonBindable>
-&lt;i class="pi pi-spin pi-spinner" style="font-size: 2rem"&gt;&lt;/i&gt;</app-code>
+&lt;i class="pi pi-spin pi-spinner" style="font-size: 2rem"&gt;&lt;/i&gt;
+</app-code>
 
 	<i class="pi pi-spin pi-spinner" style="font-size: 2rem"></i>