diff --git a/resources/js/components/ui/button.tsx b/resources/js/components/ui/button.tsx
index ef985e95..10754905 100644
--- a/resources/js/components/ui/button.tsx
+++ b/resources/js/components/ui/button.tsx
@@ -13,7 +13,7 @@ const buttonVariants = cva(
         destructive:
           "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
         outline:
-          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:hover:bg-input/50",
         secondary:
           "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost:
diff --git a/resources/js/pages/transactions/index.tsx b/resources/js/pages/transactions/index.tsx
index a30bdfc6..d5a1d0d7 100644
--- a/resources/js/pages/transactions/index.tsx
+++ b/resources/js/pages/transactions/index.tsx
@@ -309,7 +309,7 @@ function TransactionRowComponent({
                         (row.getIsSelected() || contextMenuOpen) && 'selected'
                     }
                     data-index={virtualRow.index}
-                    className={cn('cursor-pointer', isNew && 'bg-primary/5')}
+                    className={cn('cursor-pointer', isNew && 'bg-blue-500/5 dark:bg-blue-500/10')}
                     onClick={handleRowClick}
                 >
                     {row
@@ -343,7 +343,7 @@ function TransactionRowComponent({
                                             'pt-2.5 pb-2',
                                             isNew &&
                                                 cellIndex === 0 &&
-                                                'border-l-2 border-l-primary',
+                                                'border-l-2 border-l-blue-500',
                                         )}
                                         style={meta?.cellStyle}
                                     >
@@ -490,12 +490,6 @@ export default function Transactions({
     // Frozen at mount so per-row "new" marks stay stable for the whole visit.
     const [lastVisitAtMount] = useState<string | null>(loadLastVisit);
 
-    // Count of loaded transactions that arrived since the last visit.
-    const newCount = useMemo(
-        () => countNewSince(allTransactions, lastVisitAtMount),
-        [allTransactions, lastVisitAtMount],
-    );
-
     // Mark this visit as seen, once, using the newest created_at from the
     // initial payload. Rows that arrive later in the same visit (load-more,
     // refresh after a sync, categorization) must NOT advance the marker, or
@@ -1434,17 +1428,6 @@ export default function Transactions({
                         </div>
                     ) : (
                         <>
-                            {newCount > 0 && (
-                                <div className="flex items-center gap-2 text-sm text-muted-foreground">
-                                    <span className="inline-block size-2 rounded-full bg-primary" />
-                                    {newCount === 1
-                                        ? __('1 new since your last visit')
-                                        : __(
-                                              ':count new since your last visit',
-                                              { count: newCount },
-                                          )}
-                                </div>
-                            )}
                             <DataTable
                                 table={table}
                                 columns={columns}