diff --git a/src/pages/transaction/approval-transaction/hooks/ApprovalTransactionContext.tsx b/src/pages/transaction/approval-transaction/hooks/ApprovalTransactionContext.tsx
index 3022287..39b0d25 100644
--- a/src/pages/transaction/approval-transaction/hooks/ApprovalTransactionContext.tsx
+++ b/src/pages/transaction/approval-transaction/hooks/ApprovalTransactionContext.tsx
@@ -95,7 +95,22 @@ const ApprovalTransactionProvider = ({ children }: { children: React.ReactNode }
       },
       {
         accessorKey: 'origin_customer.fullname',
-        header: ({ column }) => <DataGridColumnHeader title="Full Name" column={column} />,
+        header: ({ column }) => <DataGridColumnHeader title="Origin Customer Full Name" column={column} />,
+        enableSorting: false,
+        enableHiding: false,
+        meta: {
+          headerClassName: 'w-[250px]',
+        },
+      },
+      {
+        accessorFn: (row) => {
+          const purchase = row?.purchase?.destination_customer.fullname;
+          const transfer = row?.transfer?.destination_customer.fullname;
+
+          return purchase ?? transfer ?? "-";
+        },
+        id: 'destination_customer.fullname',
+        header: ({ column }) => <DataGridColumnHeader title="Destination Customer Full Name" column={column} />,
         enableSorting: false,
         enableHiding: false,
         meta: {
@@ -270,7 +285,7 @@ const ApprovalTransactionProvider = ({ children }: { children: React.ReactNode }
         });
       }
 
-      
+
       // ✅ Declare formattedFilter early
       const formattedFilter: any = {
         "Transactions.transaction_date": {
diff --git a/src/pages/transaction/history-transaction/hooks/TransactionContext.tsx b/src/pages/transaction/history-transaction/hooks/TransactionContext.tsx
index 8e78c1c..39bc60f 100644
--- a/src/pages/transaction/history-transaction/hooks/TransactionContext.tsx
+++ b/src/pages/transaction/history-transaction/hooks/TransactionContext.tsx
@@ -107,13 +107,28 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
       },
       {
         accessorKey: 'origin_customer.fullname',
-        header: ({ column }) => <DataGridColumnHeader title="Full Name" column={column} />,
+        header: ({ column }) => <DataGridColumnHeader title="Origin Customer Full Name" column={column} />,
         enableSorting: false,
         enableHiding: false,
         meta: {
           headerClassName: 'w-[250px]'
         }
       },
+      {
+        accessorFn: (row) => {
+          const purchase = row?.purchase?.destination_customer.fullname;
+          const transfer = row?.transfer?.destination_customer.fullname;
+
+          return purchase ?? transfer ?? "-";
+        },
+        id: 'destination_customer.fullname',
+        header: ({ column }) => <DataGridColumnHeader title="Destination Customer Full Name" column={column} />,
+        enableSorting: false,
+        enableHiding: false,
+        meta: {
+          headerClassName: 'w-[250px]',
+        },
+      },
       {
         accessorFn: (row) => {
           const purchaseAmount = row?.purchase?.amount;