From 7e1ba428732844f88495a8a0ea5119f91d1e5894 Mon Sep 17 00:00:00 2001
From: Hunter Thornsberry <hunter@hunterthornsberry.com>
Date: Sun, 16 Mar 2025 19:45:27 -0400
Subject: [PATCH] remove defined css class and just use tailwind

---
 src/components/UI/Sidebar/sidebarButton.tsx | 2 +-
 src/index.css                               | 8 --------
 2 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/components/UI/Sidebar/sidebarButton.tsx b/src/components/UI/Sidebar/sidebarButton.tsx
index 83042f3d..e85f3cb7 100644
--- a/src/components/UI/Sidebar/sidebarButton.tsx
+++ b/src/components/UI/Sidebar/sidebarButton.tsx
@@ -27,6 +27,6 @@ export const SidebarButton = ({
     {Icon && <Icon size={16} />}
     {element && element}
     <span className="flex flex-1 justify-start shrink-0">{label}</span>
-    {count > 0 && !active && <div className="justify-end notification-count">{count}</div>}
+    {count > 0 && !active && <div className="justify-end text-white rounded-[20%] px-[2%] bg-[rgb(195,0,0)]">{count}</div>}
   </Button>
 );
diff --git a/src/index.css b/src/index.css
index 217ddb0a..d81c2967 100644
--- a/src/index.css
+++ b/src/index.css
@@ -122,12 +122,4 @@ img {
 
 .animate-spin-slow {
   animation: spin-slower 2s linear infinite;
-}
-
-.notification-count {
-  color: white;
-  border-radius: 20%;
-  padding-left: 2%;
-  padding-right: 2%;
-  background-color: rgb(195,0,0);
 }
\ No newline at end of file