diff --git a/src/app/demo/view/buttondemo.component.html b/src/app/demo/view/buttondemo.component.html
index 7375c63..b5ea3fd 100644
--- a/src/app/demo/view/buttondemo.component.html
+++ b/src/app/demo/view/buttondemo.component.html
@@ -138,10 +138,10 @@
 
 		<div class="card">
 			<h5>Loading</h5>
-			<p-button label="Search" icon="pi pi-search" class="mr-2 mb-2" [loading]="loading[0]" (onClick)="load(0)"></p-button>
-			<p-button label="Search" icon="pi pi-search" iconPos="right" class="mr-2 mb-2" [loading]="loading[1]" (onClick)="load(1)"></p-button>
-			<p-button icon="pi pi-search" class="mr-2 mb-2" [loading]="loading[2]" (onClick)="load(2)"></p-button>
-			<p-button label="Search" class="mr-2 mb-2" [loading]="loading[3]" (onClick)="load(3)"></p-button>
+			<p-button label="Search" icon="pi pi-search" styleClass="mr-2 mb-2" [loading]="loading[0]" (onClick)="load(0)"></p-button>
+			<p-button label="Search" icon="pi pi-search" iconPos="right" styleClass="mr-2 mb-2" [loading]="loading[1]" (onClick)="load(1)"></p-button>
+			<p-button icon="pi pi-search" styleClass="mr-2 mb-2" [loading]="loading[2]" (onClick)="load(2)"></p-button>
+			<p-button label="Search" styleClass="mr-2 mb-2" [loading]="loading[3]" (onClick)="load(3)"></p-button>
 		</div>
 	</div>
 </div>