diff --git a/.gitignore b/.gitignore
index 13edcf1..4098ca1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,6 @@
 node_modules
+.angular
 .angular/*
-*angular/*
\ No newline at end of file
+*angular/*
+.idea
+.angular/cache/*
diff --git a/src/app/pages/transaction/transaction.page.html b/src/app/pages/transaction/transaction.page.html
index 023efea..9abaf0a 100644
--- a/src/app/pages/transaction/transaction.page.html
+++ b/src/app/pages/transaction/transaction.page.html
@@ -20,17 +20,29 @@
   </ion-grid>
 </div>
 
-  <div class="bg_white" *ngFor="let item of [1,2,3,4,5,6]">
-    <div class="list">
-      <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p2.jpg)'"></div>
-      <div class="detail">
+  <ion-list>
+    <ion-list-header>
+      <ion-label>Recent Transactions</ion-label>
+    </ion-list-header>
+    <ion-item>
+      <ion-label>
 
-        <ion-label class="name">3D Design Illustration</ion-label>
+        <div class="bg_white" *ngFor="let item of [1,2,3,4,5,6]">
+          <div class="list">
+            <div class="detail">
+
+              <ion-label class="name">3D Design Illustration</ion-label>
+
+              <ion-label class="paid">Paid</ion-label>
+
+            </div>
+          </div>
+          <ion-label class="receipt" (click)="onReceipt()">E-Receipt</ion-label>
+        </div>
+
+      </ion-label>
+    </ion-item>
+  </ion-list>
 
-        <ion-label class="paid">Paid</ion-label>
 
-      </div>
-    </div>
-    <ion-label class="receipt" (click)="onReceipt()">E-Receipt</ion-label>
-  </div>
 </ion-content>