diff --git a/src/app/pages/transaction/transaction.page.html b/src/app/pages/transaction/transaction.page.html
index 1a5168d..5ca4641 100644
--- a/src/app/pages/transaction/transaction.page.html
+++ b/src/app/pages/transaction/transaction.page.html
@@ -30,30 +30,58 @@
             </ion-card-content>
         </ion-card>
 
-        <ion-list>
-            <ion-list-header>
-                <ion-label>Recent Transactions</ion-label>
-            </ion-list-header>
-            <ion-item>
-                <ion-label>
+        <div class="lesson">
+            <div class="flex">
+                <ion-label class="bold">Recent Transactions</ion-label>
+<!--                <ion-label class="color">.</ion-label>-->
+            </div>
+            <div class="video" *ngFor="let item of paymentData">
+                <div class="left">
+                    <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/money-cycle.svg)'"></div>
+
+                    <div class="text">
+                        <!--            <ion-label class="bold_text">Why Using Figma ?</ion-label>-->
+                        <!--            <ion-label class="grey_text">10 mins</ion-label>-->
+
+                        <div class="bold_text" [innerHTML]="item.recipient"></div>
+                        <ion-label class="grey_text">{{item.confirmation}}- {{item.amount}}</ion-label>
+                        <ion-label class="grey_text">{{item.trx_date | date}} - {{item.status}}</ion-label>
 
-                    <div class="bg_white" *ngFor="let item of paymentData;">
-                        <div class="list">
-                            <div class="detail">
-                                <!--              <div dangerouslySetInnerHTML={{__html: item.recipient}}></div>-->
-                                <!--              <ion-label class="name">{{item.recipient}}</ion-label>-->
-                                <div class="bold_text" [innerHTML]="item.recipient"></div>
-                                <ion-label class="grey_text">{{item.confirmation}}- {{item.amount}}</ion-label>
 
-                            </div>
-                        </div>
-                        <!--          <ion-label class="receipt" (click)="onReceipt(item)"><ion-icon name="chevron-forward-outline"></ion-icon></ion-label>-->
-                        <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
                     </div>
+                </div>
+                <div class="right">
+                    <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
+                </div>
+            </div>
+        </div>
 
-                </ion-label>
-            </ion-item>
-        </ion-list>
+<!--        <ion-list>-->
+<!--            <ion-list-header>-->
+<!--                <ion-label>Recent Transactions</ion-label>-->
+<!--            </ion-list-header>-->
+
+
+<!--            <ion-item>-->
+<!--                <ion-label>-->
+
+<!--                    <div class="bg_white" *ngFor="let item of paymentData;">-->
+<!--                        <div class="list">-->
+<!--                            <div class="detail">-->
+<!--                                &lt;!&ndash;              <div dangerouslySetInnerHTML={{__html: item.recipient}}></div>&ndash;&gt;-->
+<!--                                &lt;!&ndash;              <ion-label class="name">{{item.recipient}}</ion-label>&ndash;&gt;-->
+<!--                                <div class="bold_text" [innerHTML]="item.recipient"></div>-->
+<!--                                <ion-label class="grey_text">{{item.confirmation}}- {{item.amount}}</ion-label>-->
+
+<!--                            </div>-->
+<!--                        </div>-->
+<!--                        &lt;!&ndash;          <ion-label class="receipt" (click)="onReceipt(item)"><ion-icon name="chevron-forward-outline"></ion-icon></ion-label>&ndash;&gt;-->
+<!--                        <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>-->
+<!--                    </div>-->
+
+<!--                </ion-label>-->
+<!--            </ion-item>-->
+<!--        </ion-list>-->
     </div>
 </ion-content>