diff --git a/resources/js/vendor/nova/js/additional.js b/resources/js/vendor/nova/js/additional.js
index 6543aaa..3ed9fe1 100644
--- a/resources/js/vendor/nova/js/additional.js
+++ b/resources/js/vendor/nova/js/additional.js
@@ -29,7 +29,13 @@ async function fetchCardHistory() {
             <p>
                 <ul>
                     ${Array.from(result.transactions).map(transaction => {
-                        return 'hello';
+                        return `<li>
+                            <p>: <strong>${transaction['trandate']}</strong></p>
+                            <p>: <strong>${transaction['currency']}</strong></p>
+                            <p>: <strong>${transaction['opersum']}</strong></p>
+                            <p>: <strong>${transaction['actionName']}</strong></p>
+                            <p>: <strong>${transaction['opername']}</strong></p>
+                        </li>`;
                     })}
                 </ul>
             </p>
diff --git a/resources/views/orders/loan/mobile/card-history.blade.php b/resources/views/orders/loan/mobile/card-history.blade.php
index 97c574e..e1af1c6 100644
--- a/resources/views/orders/loan/mobile/card-history.blade.php
+++ b/resources/views/orders/loan/mobile/card-history.blade.php
@@ -1,4 +1,8 @@
 <style>
+    .credit-card-container {
+        display: grid;
+        grid-template-columns: 35% 1fr;
+    }
     .credit-card {
         width: 300px;
         height: 180px;
@@ -36,7 +40,7 @@
     }
 </style>
 
-<div>
+<div class="credit-card-container">
     <div class="credit-card">
         <div class="card-number text-white cursor-pointer" onclick="fetchCardHistory()">{{ $resource->card_number }}</div>
         <div class="expiry-container">