diff --git a/src/renderer/components/virtual-table/headers/generic-table-header.tsx b/src/renderer/components/virtual-table/headers/generic-table-header.tsx
index a301fc1a..c5c30a94 100644
--- a/src/renderer/components/virtual-table/headers/generic-table-header.tsx
+++ b/src/renderer/components/virtual-table/headers/generic-table-header.tsx
@@ -41,10 +41,30 @@ const TextHeaderWrapper = styled(_Text)<{ position: Options['position'] }>`
 `;
 
 const headerPresets = {
-  duration: <FiClock size={15} />,
-  rowIndex: <AiOutlineNumber size={15} />,
-  userFavorite: <RiHeartLine size={15} />,
-  userRating: <RiStarLine size={15} />,
+  duration: (
+    <FiClock
+      color="var(--ag-header-foreground-color)"
+      size="1em"
+    />
+  ),
+  rowIndex: (
+    <AiOutlineNumber
+      color="var(--ag-header-foreground-color)"
+      size="1em"
+    />
+  ),
+  userFavorite: (
+    <RiHeartLine
+      color="var(--ag-header-foreground-color)"
+      size="1em"
+    />
+  ),
+  userRating: (
+    <RiStarLine
+      color="var(--ag-header-foreground-color)"
+      size="1em"
+    />
+  ),
 };
 
 export const GenericTableHeader = (