diff --git a/components/header/Navbar.jsx b/components/header/Navbar.jsx
index 19b922f..384600c 100644
--- a/components/header/Navbar.jsx
+++ b/components/header/Navbar.jsx
@@ -117,7 +117,7 @@ const Navbar = () => {
             <SearchComponent isScrolled={isScrolled} />
             <Link href="/pages/shopping-cart" className="relative">
               <ShoppingBag size={20} className="cursor-pointer" />
-                <span className="absolute -top-2 -right-2 bg-red font-bold text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">
+                <span className="absolute -top-2 -right-2 bg-red-600 font-bold text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">
                   {cartItemCount}
                 </span>
             </Link>