From 4794a513eda31577bc132584e677164620ed9864 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 2 Aug 2022 11:29:49 +0200
Subject: [PATCH] feat(ui) - session list - tabs and settings

---
 .../components/SessionTags/SessionTags.tsx                   | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/shared/SessionListContainer/components/SessionTags/SessionTags.tsx b/frontend/app/components/shared/SessionListContainer/components/SessionTags/SessionTags.tsx
index 1c8f5c926..4d49ab83b 100644
--- a/frontend/app/components/shared/SessionListContainer/components/SessionTags/SessionTags.tsx
+++ b/frontend/app/components/shared/SessionListContainer/components/SessionTags/SessionTags.tsx
@@ -54,12 +54,11 @@ function TagItem({ isActive, onClick, label, icon = '', disabled = false }: any)
                 onClick={onClick}
                 className={cn('transition group rounded ml-2 px-2 py-1 flex items-center uppercase text-sm hover:bg-teal hover:text-white', {
                     'bg-teal text-white': isActive,
-                    'bg-active-blue color-teal': !isActive,
                     'disabled': disabled,
                 })}
             >
-                {icon && <Icon name={icon} color="teal" size="14" className={cn('group-hover:fill-white mr-2', { 'fill-white': isActive })} />}
-                <span className="leading-none font-bold">{label}</span>
+                {icon && <Icon name={icon} color={isActive ? 'teal' : 'gray-medium'} size="14" className={cn('group-hover:fill-white mr-2', { 'fill-white': isActive })} />}
+                <span className="leading-none font-medium">{label}</span>
             </button>
         </div>
     );