diff --git a/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx b/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx
index 7d34a08f..951bc8f1 100644
--- a/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx
+++ b/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx
@@ -470,11 +470,17 @@ const CustomerPaymentTab = () => {
         cell: (props) => {
           const value = props.row.original.accounts_receivable;
           return (
-            <div className='text-right text-error'>{formatCurrency(value)}</div>
+            <div className={`text-right ${value < 0 ? 'text-error' : ''}`}>
+              {formatCurrency(value)}
+            </div>
           );
         },
         footer: () => (
-          <div className='text-right font-semibold text-gray-900'>
+          <div
+            className={`text-right font-semibold ${
+              summary.total_accounts_receivable < 0 ? 'text-error' : ''
+            }`}
+          >
             {formatCurrency(summary.total_accounts_receivable) || '-'}
           </div>
         ),
@@ -782,8 +788,14 @@ const CustomerPaymentTab = () => {
                             className='px-4 py-3 text-xs text-gray-900 whitespace-nowrap'
                             colSpan={13}
                           ></td>
-                          <td className='px-4 py-3 text-xs text-gray-900 whitespace-nowrap'>
-                            <div className='text-right text-error'>
+                          <td className='px-4 py-3 text-xs whitespace-nowrap'>
+                            <div
+                              className={`text-right ${
+                                row.original.accounts_receivable < 0
+                                  ? 'text-error'
+                                  : ''
+                              }`}
+                            >
                               {formatCurrency(row.original.accounts_receivable)}
                             </div>
                           </td>