diff --git a/cp/app/Controllers/DomainsController.php b/cp/app/Controllers/DomainsController.php
index 89e5c42..0641194 100644
--- a/cp/app/Controllers/DomainsController.php
+++ b/cp/app/Controllers/DomainsController.php
@@ -2290,9 +2290,9 @@ class DomainsController extends Controller
         } else {
             $clid = 0;
         }
-    
+
         return view($response,'admin/domains/listTransfers.twig', [
-            'clid' => $clid
+            'clid' => base64_encode($clid)
         ]);
     }
     
diff --git a/cp/resources/views/admin/domains/listTransfers.twig b/cp/resources/views/admin/domains/listTransfers.twig
index fde6004..e2b97c6 100644
--- a/cp/resources/views/admin/domains/listTransfers.twig
+++ b/cp/resources/views/admin/domains/listTransfers.twig
@@ -54,8 +54,8 @@
                     </div>
                   </div>
                 </div>
-                <div class="table-responsive">
-                  <div id="transferTable"></div><input type="hidden" id="clid" value="{{ clid }}">
+                <div class="table-responsive" data-ref="{{ clid }}">
+                  <div id="transferTable"></div>
                 </div>
               </div>
             </div>
diff --git a/cp/resources/views/partials/js-transfers.twig b/cp/resources/views/partials/js-transfers.twig
index 5549a51..c83b86c 100644
--- a/cp/resources/views/partials/js-transfers.twig
+++ b/cp/resources/views/partials/js-transfers.twig
@@ -12,13 +12,14 @@
         var value = cell.getValue();
         return `<a href="/domain/view/${value}" style="font-weight:bold;">${value}</a>`;
     }
-   
+
     function actionsFormatter(cell, formatterParams, onRendered) {
         var rowData = cell.getRow().getData();
         var actionButtons = '';
 
         var hasPendingStatus = rowData.trstatus && rowData.trstatus.includes('pending');
-        var clidValue = document.getElementById('clid').value;
+        const tableResponsive = document.querySelector('.table-responsive');
+        const clidValue = atob(tableResponsive.dataset.ref);
    
         if (hasPendingStatus && clidValue === '0') {
             actionButtons += `<a class="btn btn-outline-success btn-icon approve-btn" id="approve-btn" href="javascript:void(0);" data-approve-url="transfer/approve/${cell.getRow().getData().name}" title="{{ __('Approve Transfer') }}"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg></a> `;