diff --git a/src/app/components/interest-card/interest-card.component.html b/src/app/components/interest-card/interest-card.component.html
index 7338268..6c1323d 100644
--- a/src/app/components/interest-card/interest-card.component.html
+++ b/src/app/components/interest-card/interest-card.component.html
@@ -15,34 +15,43 @@
   </ion-row>
   <ion-row>
     <ion-col>
-      <ion-list lines="none">
-        <ion-item>
-          <ion-label>Job</ion-label>
-        </ion-item>
-        <ion-item>
-          <ion-label>Completed: {{intData.client_jobs_completed}}</ion-label>
-        </ion-item>
-        <ion-item>
-          <ion-label>Active: {{intData.client_jobs_active}}</ion-label>
-        </ion-item>
-        <ion-item>
-          <ion-label>Pening: {{intData.client_offers_pending}}</ion-label>
-        </ion-item>
-        <ion-item>
-          <ion-label>Uncompleted: {{intData.client_jobs_missed}} </ion-label>
-        </ion-item>
-      </ion-list>
+
+      <div class="job-hx" >
+        <div style="padding: 5px;">Job History</div>
+        <ion-label>Completed : {{intData.client_jobs_completed}}</ion-label>
+        <ion-label>Active : {{intData.client_jobs_active}}</ion-label>
+        <ion-label>Pending : {{intData.client_offers_pending}}</ion-label>
+        <ion-label>Uncompleted : {{intData.client_jobs_missed}} </ion-label>
+      </div>
+
+<!--      <ion-list lines="none">-->
+<!--        <ion-item>-->
+<!--          <ion-label>Job</ion-label>-->
+<!--        </ion-item>-->
+<!--        <ion-item>-->
+<!--          <ion-label>Completed: {{intData.client_jobs_completed}}</ion-label>-->
+<!--        </ion-item>-->
+<!--        <ion-item>-->
+<!--          <ion-label>Active: {{intData.client_jobs_active}}</ion-label>-->
+<!--        </ion-item>-->
+<!--        <ion-item>-->
+<!--          <ion-label>Pening: {{intData.client_offers_pending}}</ion-label>-->
+<!--        </ion-item>-->
+<!--        <ion-item>-->
+<!--          <ion-label>Uncompleted: {{intData.client_jobs_missed}} </ion-label>-->
+<!--        </ion-item>-->
+<!--      </ion-list>-->
     </ion-col>
     <ion-col>
 
       <ion-grid>
         <ion-row>
           <ion-col style="padding: 10px">
-            <ion-button  expand="block" (click)="approveStart(intData)">Approve Start</ion-button>
+            <ion-button  expand="block" size ="small" shape="round" (click)="approveStart(intData)">Approve Start</ion-button>
           </ion-col>
 
           <ion-col style="padding: 10px">
-            <ion-button expand="block" color="danger" (click)="rejectStart(intData)">Reject</ion-button>
+            <ion-button expand="block" color="danger"  size ="small" shape="round"  (click)="rejectStart(intData)">Reject</ion-button>
           </ion-col>
         </ion-row>
       </ion-grid>
diff --git a/src/app/components/interest-card/interest-card.component.scss b/src/app/components/interest-card/interest-card.component.scss
index 7e34e1e..9d9f910 100644
--- a/src/app/components/interest-card/interest-card.component.scss
+++ b/src/app/components/interest-card/interest-card.component.scss
@@ -15,4 +15,17 @@
 
     }
   }
+  .job-hx{
+    background-color: white;
+    border-radius: 10px;
+    font-size: 14px;
+    font-weight: bolder;
+    color:black;
+    ion-label{
+      font-weight: bold;
+      font-size: 14px;
+      margin-left: 20px;
+      color:rebeccapurple;
+    }
+  }
 }
\ No newline at end of file
diff --git a/src/app/pages/jobintprocess/jobintprocess.page.html b/src/app/pages/jobintprocess/jobintprocess.page.html
index 98ef746..c519985 100644
--- a/src/app/pages/jobintprocess/jobintprocess.page.html
+++ b/src/app/pages/jobintprocess/jobintprocess.page.html
@@ -44,7 +44,7 @@
 
       <ion-accordion-group>
         <ion-accordion   *ngFor="let item of filterIntList" value="{{item.interest_uid}}"  >
-          <ion-item slot="header" color="light">
+          <ion-item class="arcord_head" slot="header"  color="secondary">
             <ion-label>{{item.client_name}}</ion-label>
           </ion-item>
           <div class="ion-padding" slot="content">
diff --git a/src/app/pages/transaction/transaction.page.html b/src/app/pages/transaction/transaction.page.html
index 22913f9..0f3bba1 100644
--- a/src/app/pages/transaction/transaction.page.html
+++ b/src/app/pages/transaction/transaction.page.html
@@ -48,7 +48,7 @@
 
                 <ion-accordion-group>
                     <ion-accordion *ngFor="let item of walletData" value="{{item.wallet_uid}}">
-                        <ion-item class="arcord_head" slot="header" color="light">
+                        <ion-item class="arcord_head" slot="header" color="secondary">
                             <ion-label><span style="font-weight: bolder; color: #8b198e">{{item.description}}</span> Balance {{item.amount*0.01 | number : '1.2-2'}}</ion-label>
                         </ion-item>
                         <div  class="ion-padding acc-item" slot="content">