diff --git a/packages/page-accounts/src/Account.tsx b/packages/page-accounts/src/Account.tsx
index 31fb3aa2b2..7a9cee32eb 100644
--- a/packages/page-accounts/src/Account.tsx
+++ b/packages/page-accounts/src/Account.tsx
@@ -164,7 +164,7 @@ function Account ({ address, className, filter, isFavorite, toggleFavorite }: Pr
     <tr className={className}>
       <td className='favorite'>
         <Icon
-          className={`${isFavorite && 'ui--highlight--color'}`}
+          className={`${isFavorite && 'isSelected isColorHighlight'}`}
           name={isFavorite ? 'star' : 'star outline'}
           onClick={_onFavorite}
         />
diff --git a/packages/page-address-book/src/Address.tsx b/packages/page-address-book/src/Address.tsx
index 8ebd8bf3fa..89f0e15738 100644
--- a/packages/page-address-book/src/Address.tsx
+++ b/packages/page-address-book/src/Address.tsx
@@ -157,7 +157,7 @@ function Address ({ address, className, filter, isFavorite, toggleFavorite }: Pr
     <tr className={className}>
       <td className='favorite'>
         <Icon
-          className={`${isFavorite && 'ui--highlight--color'}`}
+          className={`${isFavorite && 'isSelected isColorHighlight'}`}
           name={isFavorite ? 'star' : 'star outline'}
           onClick={_onFavorite}
         />
diff --git a/packages/page-staking/src/Overview/Address.tsx b/packages/page-staking/src/Overview/Address.tsx
index a2bc0a69f4..7223c02e1b 100644
--- a/packages/page-staking/src/Overview/Address.tsx
+++ b/packages/page-staking/src/Overview/Address.tsx
@@ -136,7 +136,7 @@ export default function Address ({ address, className, filterName, hasQueries, h
     <tr className={`${className} ${isAuthor && 'isHighlight'} ${!isVisible && 'staking--hidden'}`}>
       <td className='favorite'>
         <Icon
-          className={`${isFavorite && 'ui--highlight--color'}`}
+          className={`${isFavorite && 'isSelected isColorHighlight'}`}
           name={isFavorite ? 'star' : 'star outline'}
           onClick={_onFavorite}
         />
diff --git a/packages/page-staking/src/Targets/Validator.tsx b/packages/page-staking/src/Targets/Validator.tsx
index d6964dad11..d5a4eb51f7 100644
--- a/packages/page-staking/src/Targets/Validator.tsx
+++ b/packages/page-staking/src/Targets/Validator.tsx
@@ -27,7 +27,7 @@ export default function Validator ({ info: { accountId, bondOther, bondOwn, bond
     <tr className={`${isNominating && 'isHighlight'}`}>
       <td className='favorite'>
         <Icon
-          className={`${isFavorite && 'ui--highlight--color'}`}
+          className={`${isFavorite && 'isSelected isColorHighlight'}`}
           name={isFavorite ? 'star' : 'star outline'}
           onClick={_onFavorite}
         />
diff --git a/packages/react-components/src/Table.tsx b/packages/react-components/src/Table.tsx
index 620957c292..498029df2f 100644
--- a/packages/react-components/src/Table.tsx
+++ b/packages/react-components/src/Table.tsx
@@ -170,6 +170,10 @@ export default styled(Table)`
           border-right-width: 1px;
           border-radius: 0 0.25rem 0.25rem 0;
         }
+
+        &.favorite i.icon.isSelected {
+          color: darkorange;
+        }
       }
 
       th {