diff --git a/src/app/demo/view/mediademo.component.html b/src/app/demo/view/mediademo.component.html
index a88aca1..2880f75 100644
--- a/src/app/demo/view/mediademo.component.html
+++ b/src/app/demo/view/mediademo.component.html
@@ -5,7 +5,7 @@
             <p-carousel [value]="products" [numVisible]="3" [numScroll]="3" [circular]="false" [responsiveOptions]="carouselResponsiveOptions">
                 <ng-template let-product pTemplate="item">
                         <div class="border-round m-2 text-center p-2 shadow-1" style="border: 1px solid var(--surface-d)">
-                            <div class="my-3">
+                            <div class="my-5">
                                 <img src="assets/demo/images/product/{{product.image}}" [alt]="product.name" class="shadow-4" width="50%"/>
                             </div>
                             <div>