diff --git a/src/app/demo/view/dashboard.component.html b/src/app/demo/view/dashboard.component.html
index 13b6e93..66e34b4 100755
--- a/src/app/demo/view/dashboard.component.html
+++ b/src/app/demo/view/dashboard.component.html
@@ -76,7 +76,7 @@
                     <ng-template pTemplate="body" let-product>
                         <tr>
                             <td>
-                                <img src="../../../assets/demo/images/product/{{product.image}}" alt="{{product.name}}" width="100">
+                                <img src="../../../assets/demo/images/product/{{product.image}}" class="shadow-4" alt="{{product.name}}" width="100">
                             </td>
                             <td>{{product.name}}</td>
                             <td>{{product.price | currency:'USD'}}</td>
diff --git a/src/app/demo/view/tabledemo.component.html b/src/app/demo/view/tabledemo.component.html
index 3ca5cd2..33fa0f4 100644
--- a/src/app/demo/view/tabledemo.component.html
+++ b/src/app/demo/view/tabledemo.component.html
@@ -257,7 +257,7 @@
 							<button type="button" pButton pRipple [pRowToggler]="product" class="p-button-text p-button-rounded p-button-plain" [icon]="expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'"></button>
 						</td>
 						<td><span class="p-column-title">Name</span>{{product.name}}</td>
-						<td><span class="p-column-title">Image</span><img [src]="'assets/demo/images/product/' + product.image" [alt]="product.name" width="100" class="p-shadow-4" /></td>
+						<td><span class="p-column-title">Image</span><img [src]="'assets/demo/images/product/' + product.image" [alt]="product.name" width="100" class="shadow-4" /></td>
 						<td><span class="p-column-title">Price</span>{{product.price | currency:'USD'}}</td>
 						<td><span class="p-column-title">Category</span>{{product.category}}</td>
 						<td><span class="p-column-title">Reviews</span><p-rating [ngModel]="product.rating" [readonly]="true" [cancel]="false"></p-rating></td>
diff --git a/src/app/pages/app.crud.component.html b/src/app/pages/app.crud.component.html
index 6a4959e..5c1314c 100644
--- a/src/app/pages/app.crud.component.html
+++ b/src/app/pages/app.crud.component.html
@@ -51,7 +51,7 @@
                             {{product.name}}
                         </td>
                         <td><span class="p-column-title">Image</span>
-                            <img [src]="'assets/demo/images/product/' + product.image" [alt]="product.name" width="100" class="p-shadow-4" />
+                            <img [src]="'assets/demo/images/product/' + product.image" [alt]="product.name" width="100" class="shadow-4" />
                         </td>
                         <td><span class="p-column-title">Price</span>
                             {{product.price | currency:'USD'}}
diff --git a/src/app/pages/app.crud.component.ts b/src/app/pages/app.crud.component.ts
index a8da156..54e82bb 100644
--- a/src/app/pages/app.crud.component.ts
+++ b/src/app/pages/app.crud.component.ts
@@ -22,6 +22,11 @@ import {ConfirmationService, MessageService} from 'primeng/api';
                 display: flex;
             }
         }
+        @media (max-width: 1024px){
+            :host ::ng-deep .p-dialog{
+                margin: 0 20px;
+            }
+        }
 
     `],
     providers: [MessageService, ConfirmationService]
diff --git a/src/app/pages/app.timelinedemo.component.html b/src/app/pages/app.timelinedemo.component.html
index 1d9461f..a26b4d9 100644
--- a/src/app/pages/app.timelinedemo.component.html
+++ b/src/app/pages/app.timelinedemo.component.html
@@ -6,13 +6,13 @@
             <h5>Custom Timeline</h5>
             <p-timeline [value]="customEvents" align="alternate" styleClass="customized-timeline">
                 <ng-template pTemplate="marker" let-event>
-                <span class="custom-marker p-shadow-2" [style.backgroundColor]="event.color">
+                <span class="custom-marker shadow-2" [style.backgroundColor]="event.color">
                     <i [ngClass]="event.icon"></i>
                 </span>
                 </ng-template>
                 <ng-template pTemplate="content" let-event>
                     <p-card [header]="event.status" [subheader]="event.date">
-                        <img *ngIf="event.image" [src]="'assets/demo/images/product/' + event.image" [alt]="event.name" width="200" class="p-shadow-2" />
+                        <img *ngIf="event.image" [src]="'assets/demo/images/product/' + event.image" [alt]="event.name" width="200" class="shadow-2" />
                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
                             quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>
                         <button pButton label="Read more" class="p-button-text"></button>