From 34367743eedd2d77f434b47599c688ca43b2f89a Mon Sep 17 00:00:00 2001
From: kanishksingh23 <kanishksingh763@gmail.com>
Date: Wed, 5 Aug 2026 08:45:08 +0000
Subject: [PATCH] fix(custom): use distinct FilterAllIcon for Select All
 checkbox in data tables

Signed-off-by: kanishksingh23 <kanishksingh763@gmail.com>
---
 src/custom/ResponsiveDataTable.tsx | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/custom/ResponsiveDataTable.tsx b/src/custom/ResponsiveDataTable.tsx
index 9678cf7d4..a27160b85 100644
--- a/src/custom/ResponsiveDataTable.tsx
+++ b/src/custom/ResponsiveDataTable.tsx
@@ -1,6 +1,7 @@
 import MUIDataTable, { MUIDataTableColumn } from '@sistent/mui-datatables';
 import React, { useCallback } from 'react';
 import { Checkbox, Collapse, ListItemIcon, ListItemText, Menu, MenuItem } from '../base';
+import { FilterAllIcon } from '../icons/FilterAll/FilterAllIcon';
 import { ShareIcon } from '../icons';
 import { EllipsisIcon } from '../icons/Ellipsis';
 import { FormattedTime } from '../utils';
@@ -237,9 +238,29 @@ const ResponsiveDataTable = ({
     updateColumnsEffect();
   }, [updateColumnsEffect]);
 
+  const DataTableCheckbox = React.useMemo(
+    () =>
+      React.forwardRef((props: Record<string, unknown>, ref: React.Ref<HTMLButtonElement>) => {
+        const isHeaderCheckbox = props['data-description'] === 'row-select-header';
+
+        if (isHeaderCheckbox) {
+          return (
+            <Checkbox
+              {...props}
+              ref={ref}
+              icon={<FilterAllIcon fill="currentColor" />}
+            />
+          );
+        }
+
+        return <Checkbox {...props} ref={ref} />;
+      }),
+    []
+  );
+
   const components = {
     ExpandButton: () => '',
-    Checkbox: Checkbox
+    Checkbox: DataTableCheckbox
   };
 
   return (