diff --git a/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.scss b/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.scss
index b053d91..9dd7c2b 100644
--- a/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.scss
+++ b/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.scss
@@ -18,6 +18,8 @@ $black_60: rgba(0, 0, 0, 0.6);
     transition: all 0.3s ease-in-out 0s;
     &:hover {
         box-shadow: 0 0 21px $black_30;
+        cursor: pointer;
+        transform: scale(1.04);
     }
 }
 .consultant-span{
diff --git a/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.html b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.html
index 1838826..88dfcea 100644
--- a/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.html
+++ b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.html
@@ -1,4 +1,4 @@
-<button mat-button (click)="openDialog('Add',{})"   class="button">Add Services</button><br>
+<button mat-button (click)="openDialog('Add',{})"   class="buttons">Add Services</button><br>
 <div fxLayout="row wrap" >
     <div fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="50" class="m-gap p-gap flx" *ngFor="let serviceListDetails of servicesList">
         <div class="Specialties-list-card">
diff --git a/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss
index 7b2f939..7b2ec62 100644
--- a/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss
+++ b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss
@@ -1,12 +1,17 @@
 $white: #fff;
 $black_10: rgba(0, 0, 0, 0.1);
 $black_30: rgba(0, 0, 0, 0.3);
+$icon-size: 3rem;
+$icon-color: #D8D8D8;
+$main-color: #f44336;
 .Specialties-list-card {
     background: $white;
     box-shadow: 0 2px 6px $black_10;
     transition: all 0.3s ease-in-out 0s;
     &:hover {
         box-shadow: 0 0 21px $black_30;
+        cursor: pointer;
+        transform: scale(1.04);
     }
 }
 .consultant-card-cover {
@@ -75,13 +80,13 @@ $black_30: rgba(0, 0, 0, 0.3);
 ::ng-deep body .mat-card .mat-card-subtitle {
     padding-left: 0rem!important; 
 }
-.button{
+.buttons{
     float: right;
     background-color: #4caf50;
     color: #ffff;
 }
 .edit-color{
-    color: rgba(0, 0, 0, 0.54);
+    color: white;
 }
 .edit-color:hover {
     color: #4caf50;