diff --git a/src/app/pages/invite/invite.page.html b/src/app/pages/invite/invite.page.html
index 306fa43..7c856b0 100644
--- a/src/app/pages/invite/invite.page.html
+++ b/src/app/pages/invite/invite.page.html
@@ -190,48 +190,23 @@
 <!--      </ion-accordion>-->
 <!--    </ion-accordion-group>-->
 
-    <div class="inv-head">Recent Invitations</div>
-    <div class="lesson" style="background-color: aliceblue; padding: 5px;">
-
 
+    <div class="lesson" style="background-color: white; padding: 5px;">
+      <div class="inv-head">Recent Invitations</div>
 
       <div class="video" *ngFor="let item of referData;" >
-        <!--        <div class="video" *ngFor="let item of jobsData;" (click)="viewMarketItem( item )">-->
         <div class="left">
           <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/invite-friend.svg)'"></div>
-<!--          <ion-icon name="chatbox-ellipses-outline" style="width: 25px; height: auto;"></ion-icon>-->
-
           <div class="text">
             <div class="bold_text" >{{item.firstname}} {{item.lastname}} </div>
             <div class="msg_text"> {{item.email}}</div>
-            <ion-label class="due_date">{{item.added_date}}</ion-label>
-            <div class="msg_text"> <ion-label class="invite"> {{item.status}}</ion-label></div>
+            <ion-label class="due_date">{{item.added_date}} -  {{item.status}}</ion-label>
           </div>
         </div>
         <div class="right">
           <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
         </div>
       </div>
-
-
-
-
-<!--      <div class="chat" *ngFor="let item of referData">-->
-<!--        <div class="flex">-->
-<!--          <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/invite-friend.svg)'"></div>-->
-<!--          <div style="margin-left: 10px;">-->
-<!--            <ion-label class="bold_text"> {{item.firstname}} {{item.lastname}} </ion-label>-->
-<!--            <div style="display: flex;">-->
-<!--              <ion-label class="grey_text"> {{item.email}} </ion-label>-->
-<!--            </div>-->
-<!--            <ion-label>{{item.added_date}}</ion-label>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--        <div class="column">-->
-<!--          <ion-label class="invite"> {{item.status}}</ion-label>-->
-<!--        </div>-->
-<!--      </div>-->
-<!--      -->
     </div>
 
   </div>