diff --git a/src/views/transactions/Transaction.tsx b/src/views/transactions/Transaction.tsx
index f37dd11..1f677f1 100644
--- a/src/views/transactions/Transaction.tsx
+++ b/src/views/transactions/Transaction.tsx
@@ -35,7 +35,10 @@ export const Transaction: FC<{
             {balanceNum < 0 ? (
               <ArrowUp size={24} />
             ) : (
-              <ArrowDown size={24} className="text-green-400" />
+              <ArrowDown
+                size={24}
+                className="text-green-500 dark:text-green-400"
+              />
             )}
           </div>
 
@@ -63,7 +66,12 @@ export const Transaction: FC<{
         </div>
 
         <div className="text-right">
-          <p className={cn('font-medium', balanceNum > 0 && 'text-green-400')}>
+          <p
+            className={cn(
+              'font-medium',
+              balanceNum > 0 && 'text-green-500 dark:text-green-400'
+            )}
+          >
             {formatted_balance.includes('-')
               ? '-' + formatted_balance.replaceAll('-', '')
               : '+' + formatted_balance}
diff --git a/src/views/transactions/TransactionDetail.tsx b/src/views/transactions/TransactionDetail.tsx
index 18047ed..acd70a4 100644
--- a/src/views/transactions/TransactionDetail.tsx
+++ b/src/views/transactions/TransactionDetail.tsx
@@ -188,7 +188,10 @@ export const TransactionDetail: FC<{ id: string }> = ({ id }) => {
             {balance < 0 ? (
               <ArrowUp size={24} />
             ) : (
-              <ArrowDown size={24} className="text-green-400" />
+              <ArrowDown
+                size={24}
+                className="text-green-500 dark:text-green-400"
+              />
             )}
           </div>
 
@@ -237,7 +240,11 @@ export const TransactionDetail: FC<{ id: string }> = ({ id }) => {
               {t('status')}
             </p>
 
-            <p className={cn(transaction.date && 'text-green-400')}>
+            <p
+              className={cn(
+                transaction.date && 'text-green-500 dark:text-green-400'
+              )}
+            >
               {transaction.date ? t('paid') : t('pending')}
             </p>
           </div>