diff --git a/src/app/pages/uikit/mediademo.ts b/src/app/pages/uikit/mediademo.ts
index 96ead6a..f268d49 100644
--- a/src/app/pages/uikit/mediademo.ts
+++ b/src/app/pages/uikit/mediademo.ts
@@ -20,7 +20,7 @@ import { PhotoService } from '../service/photo.service';
                         <div class="mb-4">
                             <div class="relative mx-auto">
                                 <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.name" class="w-full rounded-border" />
-                                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" class="absolute" styleClass="dark:!bg-surface-900" [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
+                                <p-tag [value]="product.inventoryStatus" styleClass="dark:!bg-surface-900 " [severity]="getSeverity(product.inventoryStatus)" class="absolute" [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
                             </div>
                         </div>
                         <div class="mb-4 font-medium">{{ product.name }}</div>