diff --git a/src/app/mock-api/apps/ecommerce/inventory/api.ts b/src/app/mock-api/apps/ecommerce/inventory/api.ts
index 95d1796f..ff303ed9 100644
--- a/src/app/mock-api/apps/ecommerce/inventory/api.ts
+++ b/src/app/mock-api/apps/ecommerce/inventory/api.ts
@@ -50,7 +50,7 @@ export class ECommerceInventoryMockApi
         // @ Products - GET
         // -----------------------------------------------------------------------------------------------------
         this._fuseMockApiService
-            .onGet('api/apps/ecommerce/inventory/products', 625)
+            .onGet('api/apps/ecommerce/inventory/products', 300)
             .reply(({request}) => {
 
                 // Get available queries
diff --git a/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.html b/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.html
index 6c9b0f79..a82b1a8c 100644
--- a/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.html
+++ b/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.html
@@ -221,6 +221,14 @@
                                 mat-cell
                                 *matCellDef="let product"
                                 [attr.colspan]="productsTableColumns.length">
+                                <ng-container *ngIf="selectedProduct?.id === product.id">
+                                    <ng-container *ngTemplateOutlet="rowDetailsTemplate; context: {$implicit: product}"></ng-container>
+                                </ng-container>
+                            </td>
+
+                            <ng-template
+                                #rowDetailsTemplate
+                                let-product>
                                 <div
                                     class="shadow-lg overflow-hidden"
                                     [@expandCollapse]="selectedProduct?.id === product.id ? 'expanded' : 'collapsed'">
@@ -403,7 +411,7 @@
                                                         <!-- Tags -->
                                                         <ng-container *ngIf="selectedProduct && selectedProduct.tags.length">
                                                             <span class="font-semibold">Tags</span>
-                                                            <div class="mt-1 rounded-md border shadow-sm overflow-hidden">
+                                                            <div class="mt-1 rounded-md border border-gray-300 shadow-sm overflow-hidden">
                                                                 <!-- Header -->
                                                                 <div class="flex items-center my-2 mx-3">
                                                                     <div class="flex items-center flex-auto min-w-0">
@@ -525,7 +533,7 @@
                                         </form>
                                     </div>
                                 </div>
-                            </td>
+                            </ng-template>
                         </ng-container>
 
                         <tr
diff --git a/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.ts b/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.ts
index 1c4398a3..df0ec284 100644
--- a/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.ts
+++ b/src/app/modules/admin/apps/ecommerce/inventory/list/inventory.component.ts
@@ -239,9 +239,6 @@ export class InventoryListComponent implements OnInit, AfterViewInit, OnDestroy
                 // Set the selected product
                 this.selectedProduct = product;
 
-                // Mark for check
-                this._changeDetectorRef.markForCheck();
-
                 // Fill the form
                 this.selectedProductForm.patchValue(product);