diff --git a/resources/js/vendor/nova/js/additional.js b/resources/js/vendor/nova/js/additional.js
index 57b6a9a..675e4bc 100644
--- a/resources/js/vendor/nova/js/additional.js
+++ b/resources/js/vendor/nova/js/additional.js
@@ -3,12 +3,12 @@ function csrf_token()
     return document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
 }
 
-async function fetchCardHistory(passport_serie, passport_id, card_number, card_expiry_date) {
+async function fetchCardHistory(passport_serie, passport_id, card_number, card_expiry_date, containerID) {
     if (! passport_serie || ! passport_id || ! card_number || ! card_expiry_date) {
         return;
     }
 
-    let cardHistoryDetailContainer = document.getElementById('card-history-details');
+    let cardHistoryDetailContainer = document.getElementById(containerID);
 
     var headers = new Headers();
     headers.append('Accept', 'application/json');
diff --git a/resources/views/orders/loan/mobile/card-gurantor-2-history.blade.php b/resources/views/orders/loan/mobile/card-gurantor-2-history.blade.php
index 583fe3d..6cbbb31 100644
--- a/resources/views/orders/loan/mobile/card-gurantor-2-history.blade.php
+++ b/resources/views/orders/loan/mobile/card-gurantor-2-history.blade.php
@@ -61,6 +61,7 @@
                     '{{ $resource->guarantor_2_passport_id }}',
                     '{{ str($resource->guarantor_2_card_number)->mask('*', 6, 6) }}',
                     '{{ $card_month }}/{{ substr($card_year, 2) }}',
+                    'card-history-details-guarantor-2'
                 )"
             >{{ $resource->guarantor_2_card_number }}</div>
             <div class="expiry-container">
@@ -68,7 +69,7 @@
                 <div class="expiry-date dark:text-white">{{ $card_month }}/{{ $card_year }}</div>
             </div>
         </div>
-        <div id="card-history-details">
+        <div id="card-history-details-guarantor-2">
 
         </div>
     </div>
diff --git a/resources/views/orders/loan/mobile/card-gurantor-history.blade.php b/resources/views/orders/loan/mobile/card-gurantor-history.blade.php
index 732ed3b..978c51c 100644
--- a/resources/views/orders/loan/mobile/card-gurantor-history.blade.php
+++ b/resources/views/orders/loan/mobile/card-gurantor-history.blade.php
@@ -60,6 +60,7 @@
                 '{{ $resource->guarantor_passport_id }}',
                 '{{ str($resource->guarantor_card_number)->mask('*', 6, 6) }}',
                 '{{ $card_month }}/{{ substr($card_year, 2) }}',
+                'card-history-details-guarantor',
             )"
         >{{ $resource->guarantor_card_number }}</div>
         <div class="expiry-container">
@@ -67,7 +68,7 @@
             <div class="expiry-date dark:text-white">{{ $card_month }}/{{ $card_year }}</div>
         </div>
     </div>
-    <div id="card-history-details">
+    <div id="card-history-details-guarantor">
 
     </div>
 </div>
diff --git a/resources/views/orders/loan/mobile/card-history.blade.php b/resources/views/orders/loan/mobile/card-history.blade.php
index 719cdeb..15b7a0d 100644
--- a/resources/views/orders/loan/mobile/card-history.blade.php
+++ b/resources/views/orders/loan/mobile/card-history.blade.php
@@ -60,6 +60,7 @@
                 '{{ $resource->passport_id }}',
                 '{{ str($resource->card_number)->mask('*', 6, 6) }}',
                 '{{ $card_month }}/{{ substr($card_year, 2) }}',
+                'card-history-details',
             )"
         >{{ $resource->card_number }}</div>
         <div class="expiry-container">