diff --git a/client/src/components/Chat/Input/Files/Table/SortFilterHeader.tsx b/client/src/components/Chat/Input/Files/Table/SortFilterHeader.tsx
index 85b4e8fefe..6a476027e1 100644
--- a/client/src/components/Chat/Input/Files/Table/SortFilterHeader.tsx
+++ b/client/src/components/Chat/Input/Files/Table/SortFilterHeader.tsx
@@ -33,12 +33,12 @@ export function SortFilterHeader<TData, TValue>({
       {
         label: localize('com_ui_ascending'),
         onClick: () => column.toggleSorting(false),
-        icon: <ArrowUpIcon className="h-3.5 w-3.5 text-muted-foreground/70" />,
+        icon: <ArrowUpIcon className="icon-sm text-text-secondary" />,
       },
       {
         label: localize('com_ui_descending'),
         onClick: () => column.toggleSorting(true),
-        icon: <ArrowDownIcon className="h-3.5 w-3.5 text-muted-foreground/70" />,
+        icon: <ArrowDownIcon className="icon-sm text-text-secondary" />,
       },
     ];
 
@@ -56,9 +56,7 @@ export function SortFilterHeader<TData, TValue>({
             items.push({
               label: filterValue,
               onClick: () => column.setFilterValue(value),
-              icon: (
-                <ListFilter className="h-3.5 w-3.5 text-muted-foreground/70" aria-hidden="true" />
-              ),
+              icon: <ListFilter className="icon-sm text-text-secondary" aria-hidden="true" />,
               show: true,
               className: isActive ? 'border-l-2 border-l-border-xheavy' : '',
             });
@@ -70,7 +68,7 @@ export function SortFilterHeader<TData, TValue>({
       items.push({
         label: localize('com_ui_show_all'),
         onClick: () => column.setFilterValue(undefined),
-        icon: <FilterX className="h-3.5 w-3.5 text-muted-foreground/70" />,
+        icon: <FilterX className="icon-sm text-text-secondary" />,
         show: true,
       });
     }
@@ -113,9 +111,9 @@ export function SortFilterHeader<TData, TValue>({
               >
                 <span>{title}</span>
                 {column.getIsFiltered() ? (
-                  <ListFilter className="icon-sm text-muted-foreground/70" aria-hidden="true" />
+                  <ListFilter className="icon-sm" aria-hidden="true" />
                 ) : (
-                  <ListFilter className="icon-sm opacity-30" aria-hidden="true" />
+                  <ListFilter className="icon-sm text-text-secondary" aria-hidden="true" />
                 )}
                 {(() => {
                   const sortState = column.getIsSorted();