diff --git a/src/modules/expenses/views/TransactionsPage.vue b/src/modules/expenses/views/TransactionsPage.vue
index 88413f2..cbcec13 100644
--- a/src/modules/expenses/views/TransactionsPage.vue
+++ b/src/modules/expenses/views/TransactionsPage.vue
@@ -412,14 +412,14 @@ onMounted(() => {
               <Badge
                 v-else-if="isExpense(transaction)"
                 variant="secondary"
-                class="text-xs bg-red-100 dark:bg-red-900/20 text-red-700 dark:text-red-300"
+                class="text-xs bg-orange-100 dark:bg-orange-900/20 text-orange-700 dark:text-orange-300"
               >
                 Expense
               </Badge>
               <Badge
                 v-if="isVoided(transaction)"
-                variant="secondary"
-                class="text-xs bg-red-100 dark:bg-red-900/20 text-red-700 dark:text-red-300"
+                variant="outline"
+                class="text-xs text-muted-foreground"
               >
                 Voided
               </Badge>