diff --git a/src/app/pages/uikit/listdemo.ts b/src/app/pages/uikit/listdemo.ts
index 183b706..7492c01 100644
--- a/src/app/pages/uikit/listdemo.ts
+++ b/src/app/pages/uikit/listdemo.ts
@@ -56,7 +56,7 @@ import { Product, ProductService } from '../service/product.service';
                                             </div>
                                         </div>
                                     </div>
-                                    <div class="flex flex-col md:items-end gap-20">
+                                    <div class="flex flex-col md:items-end gap-8">
                                         <span class="text-xl font-semibold">$ {{ item.price }}</span>
                                         <div class="flex flex-row-reverse md:flex-row gap-2">
                                             <p-button icon="pi pi-heart" styleClass="h-full" [outlined]="true"></p-button>