diff --git a/src/modules/expenses/views/TransactionsPage.vue b/src/modules/expenses/views/TransactionsPage.vue
index fdf34a8..88413f2 100644
--- a/src/modules/expenses/views/TransactionsPage.vue
+++ b/src/modules/expenses/views/TransactionsPage.vue
@@ -399,16 +399,9 @@ onMounted(() => {
               <span class="font-medium">Ref:</span> {{ transaction.reference }}
             </div>
 
-            <!-- Badges: Voided (leftmost, high-signal) + type (Income /
-                 Expense) + Pending (after type) + any user-added tags. -->
+            <!-- Badges: type (Income / Expense) + status (Voided / Pending,
+                 mutually exclusive) + any user-added tags. -->
             <div class="flex flex-wrap gap-1 mt-2">
-              <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"
-              >
-                Voided
-              </Badge>
               <Badge
                 v-if="isIncome(transaction)"
                 variant="secondary"
@@ -424,7 +417,14 @@ onMounted(() => {
                 Expense
               </Badge>
               <Badge
-                v-if="isPending(transaction)"
+                v-if="isVoided(transaction)"
+                variant="secondary"
+                class="text-xs bg-red-100 dark:bg-red-900/20 text-red-700 dark:text-red-300"
+              >
+                Voided
+              </Badge>
+              <Badge
+                v-else-if="isPending(transaction)"
                 variant="secondary"
                 class="text-xs bg-yellow-100 dark:bg-yellow-900/20 text-yellow-700 dark:text-yellow-300"
               >