diff --git a/src/renderer/src/components/BatchFile.tsx b/src/renderer/src/components/BatchFile.tsx
index 1ef38408..e1601826 100644
--- a/src/renderer/src/components/BatchFile.tsx
+++ b/src/renderer/src/components/BatchFile.tsx
@@ -18,8 +18,8 @@ function BatchFile({ path, isOpen, isSelected, name, onSelect, onDelete }: {
   useContextMenu(ref, contextMenuTemplate);
 
   return (
-    <div ref={ref} role="button" style={{ background: isSelected ? 'var(--gray6)' : undefined, fontSize: 13, padding: '3px 6px', display: 'flex', alignItems: 'center', alignContent: 'flex-start' }} title={path} onClick={() => onSelect(path)}>
-      <FaFile size={14} style={{ color: primaryTextColor, flexShrink: 0 }} />
+    <div ref={ref} role="button" style={{ background: isSelected ? 'var(--gray7)' : undefined, fontSize: 13, padding: '3px 6px', display: 'flex', alignItems: 'center', alignContent: 'flex-start' }} title={path} onClick={() => onSelect(path)}>
+      <FaFile size={14} style={{ color: isSelected ? primaryTextColor : undefined, flexShrink: 0 }} />
       <div style={{ flexBasis: 4, flexShrink: 0 }} />
       <div style={{ whiteSpace: 'nowrap', cursor: 'pointer', overflow: 'hidden' }}>{name}</div>
       <div style={{ flexGrow: 1 }} />