diff --git a/src/app/demo/api/product.ts b/src/app/demo/api/product.ts
index 0403d55..efc1f40 100644
--- a/src/app/demo/api/product.ts
+++ b/src/app/demo/api/product.ts
@@ -1,3 +1,7 @@
+interface InventoryStatus {
+    label: string;
+    value: string;
+}
 export interface Product {
     id?: string;
     code?: string;
@@ -5,8 +9,8 @@ export interface Product {
     description?: string;
     price?: number;
     quantity?: number;
-    inventoryStatus?: any;
+    inventoryStatus?: InventoryStatus;
     category?: string;
     image?: string;
     rating?: number;
-}
+}
\ No newline at end of file
diff --git a/src/app/demo/components/pages/crud/crud.component.html b/src/app/demo/components/pages/crud/crud.component.html
index 8b88702..8e0fa56 100644
--- a/src/app/demo/components/pages/crud/crud.component.html
+++ b/src/app/demo/components/pages/crud/crud.component.html
@@ -98,7 +98,7 @@
                     <label for="status">Inventory Status</label>
                     <p-dropdown id="status" [options]="statuses" optionLabel="label" [(ngModel)]="product.inventoryStatus" placeholder="Select a Status">
                         <ng-template pTemplate="selectedItem">
-                            <span *ngIf="product && product.inventoryStatus" [class]="'product-badge status-' + product.inventoryStatus.toLowerCase()">{{product.inventoryStatus}}</span>
+                            <span *ngIf="product && product.inventoryStatus" [class]="'product-badge status-' + product.inventoryStatus.value.toLowerCase()">{{product.inventoryStatus.value}}</span>
                         </ng-template>
                         <ng-template let-status pTemplate="status">
                             <span [class]="'product-badge status-' + status.value.toLowerCase()">{{status.label}}</span>