diff --git a/apps/dashboard/src/components/charts/transaction-list-item.tsx b/apps/dashboard/src/components/charts/transaction-list-item.tsx
index f859382a7..979f5e8de 100644
--- a/apps/dashboard/src/components/charts/transaction-list-item.tsx
+++ b/apps/dashboard/src/components/charts/transaction-list-item.tsx
@@ -26,7 +26,7 @@ export function TransactionListItem({ transaction, disabled }: Props) {
               className={cn(
                 "text-sm",
                 disabled && "skeleton-box",
-                transaction?.category === "income" && "text-[#00C969]"
+                row.original.category?.slug === "income" && "text-[#00C969]"
               )}
             >
               {transaction.name}
@@ -37,7 +37,7 @@ export function TransactionListItem({ transaction, disabled }: Props) {
               className={cn(
                 "text-sm",
                 disabled && "skeleton-box",
-                transaction?.category === "income" && "text-[#00C969]"
+                row.original.category?.slug === "income" && "text-[#00C969]"
               )}
             >
               <FormatAmount
diff --git a/apps/dashboard/src/components/tables/transactions/columns.tsx b/apps/dashboard/src/components/tables/transactions/columns.tsx
index 1c16b9165..1c4813147 100644
--- a/apps/dashboard/src/components/tables/transactions/columns.tsx
+++ b/apps/dashboard/src/components/tables/transactions/columns.tsx
@@ -100,7 +100,7 @@ export const columns: ColumnDef<Transaction>[] = [
             <TooltipTrigger asChild>
               <span
                 className={cn(
-                  row.original.category === "income" && "text-[#00C969]"
+                  row.original.category?.slug === "income" && "text-[#00C969]"
                 )}
               >
                 <div className="flex space-x-2 items-center">
@@ -135,7 +135,7 @@ export const columns: ColumnDef<Transaction>[] = [
         <span
           className={cn(
             "text-sm",
-            row.original.category === "income" && "text-[#00C969]"
+            row.original.category?.slug === "income" && "text-[#00C969]"
           )}
         >
           <FormatAmount
diff --git a/apps/dashboard/src/components/transaction-details.tsx b/apps/dashboard/src/components/transaction-details.tsx
index 0377cf943..42850ca55 100644
--- a/apps/dashboard/src/components/transaction-details.tsx
+++ b/apps/dashboard/src/components/transaction-details.tsx
@@ -194,7 +194,7 @@ export function TransactionDetails({
                 <span
                   className={cn(
                     "text-4xl font-mono",
-                    data?.category === "income" && "text-[#00C969]"
+                    data?.category?.slug === "income" && "text-[#00C969]"
                   )}
                 >
                   <FormatAmount