From c0f1f307c2469e8f15f95a9c26de23f5db872ea3 Mon Sep 17 00:00:00 2001
From: ElementalCrisis <9443295+ElementalCrisis@users.noreply.github.com>
Date: Sun, 19 Nov 2023 17:31:49 -0800
Subject: [PATCH] Fix Unrecognized Files Utility Row Background. (#682)

---
 src/components/Utilities/UtilitiesTable.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/Utilities/UtilitiesTable.tsx b/src/components/Utilities/UtilitiesTable.tsx
index 237b4d4da..b8fd2e164 100644
--- a/src/components/Utilities/UtilitiesTable.tsx
+++ b/src/components/Utilities/UtilitiesTable.tsx
@@ -134,11 +134,10 @@ function UtilitiesTable(props: Props) {
           {virtualRows.map((virtualRow) => {
             const row = rows[virtualRow.index] as Row<FileType | SeriesType>;
             return (
-              // Cannot use even: or odd: for background as it doesn't work properly with virtualizer
               <tr
                 key={row.id}
                 className={cx(
-                  parseInt(row.id, 10) % 2 === 0 ? 'bg-panel-background' : 'bg-panel-background-alt',
+                  virtualRow.index % 2 === 0 ? 'bg-panel-background' : 'bg-panel-background-alt',
                   'cursor-pointer',
                 )}
                 onClick={e => handleRowSelect(e, row)}