From 6b1ee555445251a90bb5459d2734681fd8c8ebb8 Mon Sep 17 00:00:00 2001
From: Mahesh Chandra <148360659+maheshchandra10@users.noreply.github.com>
Date: Thu, 26 Oct 2023 13:11:26 +0000
Subject: [PATCH] fix(button): incorrect color of btn icons on hover

---
 src/cssStyles.tsx           | 5 ++---
 src/main/CuttingActions.tsx | 2 +-
 src/main/TrackSelection.tsx | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/cssStyles.tsx b/src/cssStyles.tsx
index e0c0e0782..427b301f4 100644
--- a/src/cssStyles.tsx
+++ b/src/cssStyles.tsx
@@ -436,10 +436,9 @@ export const spinningStyle = css({
   })}`,
 })
 
-export const customIconStyle = (theme: Theme) => css(({
+export const customIconStyle = css(({
   maxWidth: '16px',
-  height: 'auto',
-  color: theme.text,
+  height: 'auto'
 }))
 
 export const videosStyle = (theme: Theme) => css(({
diff --git a/src/main/CuttingActions.tsx b/src/main/CuttingActions.tsx
index 2a6f92ad8..101d1475e 100644
--- a/src/main/CuttingActions.tsx
+++ b/src/main/CuttingActions.tsx
@@ -174,7 +174,7 @@ const MarkAsDeletedButton : React.FC<markAsDeleteButtonInterface> = ({actionHand
           actionHandler(action)
         } }}
       >
-        {isCurrentSegmentAlive ? <LuTrash /> : <TrashRestore css={customIconStyle(theme)} /> }
+        {isCurrentSegmentAlive ? <LuTrash /> : <TrashRestore css={customIconStyle} /> }
         <div>{isCurrentSegmentAlive ? t('cuttingActions.delete-button') : t("cuttingActions.restore-button")}</div>
       </div>
     </ThemedTooltip>
diff --git a/src/main/TrackSelection.tsx b/src/main/TrackSelection.tsx
index 61d90b144..878c8fa7e 100644
--- a/src/main/TrackSelection.tsx
+++ b/src/main/TrackSelection.tsx
@@ -188,7 +188,7 @@ const SelectButton : React.FC<selectButtonInterface> = ({handler, text, Icon, to
         aria-label={tooltip}
         onClick={clickHandler}
         onKeyDown={keyHandler} >
-        <Icon css={customIconStyle(theme)}/>
+        <Icon css={customIconStyle}/>
         <div>{ text }</div>
       </div>
     </ThemedTooltip>