From 0f1232f3a78d575b373b7eeb0ff72f803036dc1f Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Fri, 17 Feb 2023 13:02:39 +0100
Subject: [PATCH] feat(ui): change hovers

---
 .../Header/HealthStatus/HealthModal/HealthModal.tsx           | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/Header/HealthStatus/HealthModal/HealthModal.tsx b/frontend/app/components/Header/HealthStatus/HealthModal/HealthModal.tsx
index 86b597ed7..5cce8dc9b 100644
--- a/frontend/app/components/Header/HealthStatus/HealthModal/HealthModal.tsx
+++ b/frontend/app/components/Header/HealthStatus/HealthModal/HealthModal.tsx
@@ -7,10 +7,12 @@ function Category({ name, healthOk }: { name: string; healthOk: boolean }) {
   const icon = healthOk ? ('check-circle-fill' as const) : ('exclamation-circle-fill' as const);
   return (
     <div
-      className={'p-4 flex items-center gap-2 border-b cursor-pointer hover:bg-gray-lightest'}
+      className={'p-4 flex items-center gap-2 border-b cursor-pointer hover:bg-active-blue'}
     >
       <Icon name={icon} size={20} color={'green'} />
       {name}
+
+      <Icon name={"chevron-right"} size={16} className={"ml-auto"} />
     </div>
   )
 }