diff --git a/src/components/transactionDetails/LoanDetails.jsx b/src/components/transactionDetails/LoanDetails.jsx
index a5d646f..6f12401 100644
--- a/src/components/transactionDetails/LoanDetails.jsx
+++ b/src/components/transactionDetails/LoanDetails.jsx
@@ -93,9 +93,9 @@ export default function LoanDetails({transactionID}) {
                                                 <div className="text-right">
                                                     {/* <div className="text-base font-semibold">{formatNumber(item?.initial_loan_amount)}</div> */}
                                                     <div
-                                                        className="font-normal text-gray-500">{formatNumber(item?.initial_loan_amount)}</div>
+                                                        className="font-semibold text-green-500">#{formatNumber(item?.initial_loan_amount)}</div>
                                                     <div
-                                                        className="font-semibold text-red-500">{formatNumber(item?.eligible_amount)}</div>
+                                                        className="font-semibold text-red-500">#{formatNumber(item?.eligible_amount)}</div>
 
                                                 </div>
                                             </td>
@@ -109,9 +109,9 @@ export default function LoanDetails({transactionID}) {
                                             <td className="px-2">
                                                 <div className="text-right">
                                                     <div
-                                                        className="font-normal text-gray-500">{formatNumber(item?.repayment_amount)}</div>
+                                                        className="font-semibold text-gray-500">#{formatNumber(item?.repayment_amount)}</div>
                                                     <div
-                                                        className="font-normal text-gray-500">{formatNumber(item?.installment_amount)}</div>
+                                                        className="font-semibold text-red-500">#{formatNumber(item?.installment_amount)}</div>
                                                 </div>
                                             </td>
                                             <td className="px-2">