From 49bf4e5efc43ec5ddf8ffa0d88d919d80474f3c8 Mon Sep 17 00:00:00 2001
From: Mustapha-Nkhili <mustapha.developer.23@gmail.com>
Date: Mon, 22 Jul 2024 16:32:02 +0000
Subject: [PATCH] Fix styling for package manager options

---
 src/pages/docs/getting-started/Introduction.jsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/docs/getting-started/Introduction.jsx b/src/pages/docs/getting-started/Introduction.jsx
index 9e2711f..4679462 100644
--- a/src/pages/docs/getting-started/Introduction.jsx
+++ b/src/pages/docs/getting-started/Introduction.jsx
@@ -76,13 +76,21 @@ const Introduction = () => {
         >
           <ul className="flex items-center gap-5 mt-10">
             <li
-              className="pb-1 border-b-2 border-b-primary border-b-solid cursor-pointer"
+              className={`"pb-1 border-b-2 ${
+                packageManagerCode.includes("npm")
+                  ? "border-b-primary"
+                  : "border-b-none"
+              } border-b-solid cursor-pointer`}
               onClick={() => setPackageManagerCode("npm i nkhilicss")}
             >
               npm
             </li>
             <li
-              className="pb-1 border-b-2 border-b-primary border-b-solid cursor-pointer"
+              className={`"pb-1 border-b-2 ${
+                packageManagerCode.includes("yarn")
+                  ? "border-b-primary"
+                  : "border-b-none"
+              } border-b-solid cursor-pointer`}
               onClick={() => setPackageManagerCode("yarn add nkhilicss")}
             >
               yarn