From 16dc7bcc1a4d388c2fed865591b88519f8c59f32 Mon Sep 17 00:00:00 2001
From: abbyhu2000 <abigailhu2000@gmail.com>
Date: Thu, 1 Feb 2024 20:00:41 +0000
Subject: [PATCH] Change sort icon according to current sort conditions

Signed-off-by: abbyhu2000 <abigailhu2000@gmail.com>
---
 .../default_discover_table/table_header_column.tsx        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/plugins/discover/public/application/components/default_discover_table/table_header_column.tsx b/src/plugins/discover/public/application/components/default_discover_table/table_header_column.tsx
index 0b24657af03a..b6bc25b2afa7 100644
--- a/src/plugins/discover/public/application/components/default_discover_table/table_header_column.tsx
+++ b/src/plugins/discover/public/application/components/default_discover_table/table_header_column.tsx
@@ -34,9 +34,9 @@ interface Props {
 }
 
 const sortDirectionToIcon: Record<string, string> = {
-  desc: 'fa fa-sort-down',
-  asc: 'fa fa-sort-up',
-  '': 'fa fa-sort',
+  desc: 'sortDown',
+  asc: 'sortUp',
+  '': 'sortable',
 };
 
 export function TableHeaderColumn({
@@ -143,7 +143,7 @@ export function TableHeaderColumn({
       onClick: handleChangeSortOrder,
       testSubject: `docTableHeaderFieldSort_${name}`,
       tooltip: getSortButtonAriaLabel(),
-      iconType: 'sortable',
+      iconType: btnSortIcon,
     },
     // Remove Button
     {