From 6d2f5ce679b2f4fec5cd4947953bd19771cfbbc9 Mon Sep 17 00:00:00 2001
From: Daniel Bisgrove <daniel@bizz-websites.com>
Date: Fri, 11 Oct 2024 14:37:33 -0400
Subject: [PATCH] fixup! 5. Transactions page

---
 .../AccountTransactionTable.tsx               | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/Reports/FinancialAccountsReport/AccountTransactions/AccountTransactionTable/AccountTransactionTable.tsx b/src/components/Reports/FinancialAccountsReport/AccountTransactions/AccountTransactionTable/AccountTransactionTable.tsx
index e81243ee87..64d7a8def7 100644
--- a/src/components/Reports/FinancialAccountsReport/AccountTransactions/AccountTransactionTable/AccountTransactionTable.tsx
+++ b/src/components/Reports/FinancialAccountsReport/AccountTransactions/AccountTransactionTable/AccountTransactionTable.tsx
@@ -185,7 +185,9 @@ export const AccountTransactionTable: React.FC<TableProps> = ({
     }
   }, [entries, currency, openingBalance, closingBalance, activeFilters]);
 
-  const Date: RenderCell = ({ row }) => dateFormatShort(row.entryDate, locale);
+  const Date: RenderCell = ({ row }) => (
+    <Typography>{dateFormatShort(row.entryDate, locale)}</Typography>
+  );
   const Category: RenderCell = ({ row }) => (
     <Box>
       <Typography sx={{ textWrap: 'wrap' }}>{row.categoryName}</Typography>
@@ -207,10 +209,18 @@ export const AccountTransactionTable: React.FC<TableProps> = ({
   );
   const Expenses: RenderCell = ({ row }) => {
     if (row.type === FinancialAccountEntryTypeEnum.Debit) {
-      return currencyFormat(
-        formatNumber(row.expenseAmount),
-        row.currency,
-        locale,
+      return (
+        <Typography
+          sx={{
+            fontWeight: isBalanceRow(row.id) ? 'bold' : 'inherit',
+          }}
+        >
+          {currencyFormat(
+            formatNumber(row.expenseAmount),
+            row.currency,
+            locale,
+          )}
+        </Typography>
       );
     }
     return '';