From ba552307772bb4920d25e527fa1d128aef94db2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Urbin=20C=C3=A9dric?= <urbin.cedric@gmail.com>
Date: Mon, 10 Feb 2025 17:38:23 +0100
Subject: [PATCH] fix: improves the visibilty of selected likes or dislikes.

---
 src/Components/Reactions/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Components/Reactions/index.tsx b/src/Components/Reactions/index.tsx
index 1b211afe..04b5b08e 100644
--- a/src/Components/Reactions/index.tsx
+++ b/src/Components/Reactions/index.tsx
@@ -37,8 +37,8 @@ const Reactions: FC<IReactionsProps> = ({
   const arrowDownClasses = !isReactable
     ? "yl-cursor-not-allowed"
     : {
-        "yl-text-red-500 yl-cursor-not-allowed": hasDisliked,
-        "yl-cursor-pointer hover:yl-text-red-500": !hasDisliked
+        "yl-text-red-500/70 yl-cursor-not-allowed": hasDisliked,
+        "yl-cursor-pointer hover:yl-text-red-500/70": !hasDisliked
       };
 
   const handleReaction = (reactionType: ReactionType) => {
@@ -56,7 +56,7 @@ const Reactions: FC<IReactionsProps> = ({
           "yl-flex yl-items-center yl-gap-8": !className
         })}
       >
-        <div className='yl-my-0 yl-flex yl-items-center yl-justify-center yl-gap-2 yl-text-primary-text-color'>
+        <div className='yl-my-0 yl-flex yl-items-center yl-justify-center yl-gap-2 yl-text-primary-text-color/20'>
           {isLiking ? (
             <IconSpinner className='yl-w-5' data-testid='like-spinner' />
           ) : (
@@ -76,7 +76,7 @@ const Reactions: FC<IReactionsProps> = ({
         <span className='yl-select-none yl-text-primary-text-color'>
           {reactionsCount}
         </span>
-        <div className='yl-flex yl-items-center yl-justify-center yl-gap-2 yl-text-primary-text-color'>
+        <div className='yl-flex yl-items-center yl-justify-center yl-gap-2 yl-text-primary-text-color/20'>
           {isDisliking ? (
             <Spinner className='yl-w-5' data-testid='dislike-spinner' />
           ) : (