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)}