tabs

src/app/tab1/tab1.page.html

@@ -40,7 +40,7 @@
               </ion-avatar>
             </div>
             <div class="heart-section">
-              <ion-button fill="clear" (click)="like()">
+              <ion-button fill="light" (click)="like()">
                 <ion-icon name="heart"></ion-icon> {{item.likes}}
               </ion-button>
             </div>
@@ -65,7 +65,7 @@
               </ion-avatar>
             </div>
             <div class="heart-section">
-              <ion-button fill="clear" (click)="like()">
+              <ion-button fill="light" (click)="like()">
                 <ion-icon name="heart"></ion-icon> {{item.likes}}
               </ion-button>
             </div>
@@ -90,7 +90,7 @@
               </ion-avatar>
             </div>
             <div class="heart-section">
-              <ion-button fill="clear" (click)="like()">
+              <ion-button fill="light" (click)="like()">
                 <ion-icon name="heart"></ion-icon> {{item.likes}}
               </ion-button>
             </div>

src/app/tab1/tab1.page.scss

@@ -44,6 +44,9 @@ ion-card-title{
   position: absolute;
   bottom: 5px;
   right: 5px;
+  ion-icon{
+    color: rgb(255, 0, 0);
+  }
 }
 /*
 .image-container{