From 6d9af85e2a717b1df7cd4b5bcc0685ec2d6bf4e7 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Tue, 21 May 2024 12:31:38 +0500
Subject: [PATCH] web: fix background color of count in nav item

---
 apps/web/src/components/navigation-menu/navigation-item.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/navigation-menu/navigation-item.tsx b/apps/web/src/components/navigation-menu/navigation-item.tsx
index 335ecca726..b1e135a7b8 100644
--- a/apps/web/src/components/navigation-menu/navigation-item.tsx
+++ b/apps/web/src/components/navigation-menu/navigation-item.tsx
@@ -181,7 +181,11 @@ function NavigationItem(
       ) : !isTablet && count !== undefined ? (
         <Text
           variant="subBody"
-          sx={{ mr: 1, bg: "hover", px: "3px", borderRadius: "default" }}
+          sx={{
+            mr: 1,
+            px: "3px",
+            borderRadius: "default"
+          }}
         >
           {count > 100 ? "100+" : count}
         </Text>