From a2d7af27898040dcfbb7287ba8803edbf28db14d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vi=CC=81ctor=20Falco=CC=81n?= <victoor89@gmail.com>
Date: Mon, 10 Nov 2025 23:35:05 +0000
Subject: [PATCH] fix(TransactionFilters): Update badge styling for
 uncategorized selection

---
 .../transactions/transaction-filters.tsx           | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/transactions/transaction-filters.tsx b/resources/js/components/transactions/transaction-filters.tsx
index 7012b448..ca27b1da 100644
--- a/resources/js/components/transactions/transaction-filters.tsx
+++ b/resources/js/components/transactions/transaction-filters.tsx
@@ -193,9 +193,7 @@ export function TransactionFilters({
                                 <Label>Categories</Label>
                                 <div className="pt-2 flex flex-wrap gap-2">
                                     <Badge
-                                        variant={
-                                            isUncategorizedSelected ? 'default' : 'outline'
-                                        }
+                                        variant={isUncategorizedSelected ? 'default' : 'outline'}
                                         className={`flex cursor-pointer items-center gap-1 py-1.5 ${isUncategorizedSelected
                                             ? 'border-transparent bg-muted text-foreground dark:bg-muted/40'
                                             : ''
@@ -205,7 +203,15 @@ export function TransactionFilters({
                                         }
                                     >
                                         <UncategorizedIcon className="h-4 w-4 opacity-80" />
-                                        Uncategorized
+                                        <span
+                                            className={
+                                                isUncategorizedSelected
+                                                    ? ''
+                                                    : 'text-muted-foreground'
+                                            }
+                                        >
+                                            Uncategorized
+                                        </span>
                                     </Badge>
                                     {categories.map((category) => {
                                         const isSelected =