From 11cdb00fdcc7d0bf54035bc8cb817254781ecf36 Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Tue, 9 Jul 2024 09:26:51 -0700
Subject: [PATCH] update to use a ring style

---
 src/components/buttons/SidebarButton.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/buttons/SidebarButton.tsx b/src/components/buttons/SidebarButton.tsx
index 574f06e68..4f8d87692 100644
--- a/src/components/buttons/SidebarButton.tsx
+++ b/src/components/buttons/SidebarButton.tsx
@@ -27,11 +27,10 @@ export const SidebarButton: FC<ISidebarButton> = (props: ISidebarButton) => {
       type="button"
       className={cn(
         'flex justify-evenly items-center w-full my-1 cursor-pointer text-xs font-extrabold focus:outline-none disabled:text-gray-500  disabled:cursor-default',
-        isRoute
-          ? `${IconColor.ORANGE} hover:text-orange-700`
-          : hasMetric
-            ? `${IconColor.GREEN} hover:text-green-700`
-            : `${IconColor.WHITE} hover:text-gray-500`,
+        hasMetric
+          ? `${IconColor.GREEN} hover:text-green-700`
+          : `${IconColor.WHITE} hover:text-gray-500`,
+        isRoute && 'rounded-md ring-1 ring-current',
         props.loading ? 'animate-spin' : undefined,
         props.size ? 'py-2' : 'py-1',
       )}