From 51bbf5f8667cd79c09b065eb75d290cac2cd9ed3 Mon Sep 17 00:00:00 2001
From: sam-shervin <samshervin.sebastian@gmail.com>
Date: Sat, 17 Aug 2024 16:29:05 +0530
Subject: [PATCH] refactor: Update FloatingNav component styling

---
 src/components/navbar/FloatingNav.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/navbar/FloatingNav.tsx b/src/components/navbar/FloatingNav.tsx
index 4b523df..711ed46 100644
--- a/src/components/navbar/FloatingNav.tsx
+++ b/src/components/navbar/FloatingNav.tsx
@@ -53,7 +53,7 @@ export const FloatingNav = ({
           duration: 0.2,
         }}
         className={cn(
-          "grid grid-flow-col max-w-fit fixed top-10 inset-x-0 mx-auto border-b border-x border-slate-700 dark:border-white/[0.2] rounded-full bg-gradient-to-b from-[#100e17] to-[#031c37] shadow-md z-[5000] px-6 py-4 items-center justify-center space-x-4",
+          "grid grid-flow-col max-w-fit fixed top-10 inset-x-0 mx-auto border-b border-x border-slate-700  dark:border-white/[0.2] rounded-full bg-gradient-to-b from-[#100e17] to-[#031c37] shadow-md z-[5000] px-6 py-4 items-center justify-center space-x-4",
           className,
           montserrat.className
         )}
@@ -66,7 +66,7 @@ export const FloatingNav = ({
               "relative items-center flex text-slate-200 hover:text-white"
             )}
           >
-            <span className="block sm:text-sm text-md lg:text-lg px-8 border bg-slate-900 py-2 border-white/[0.1] hover:border-cyan-700 rounded-full font-medium sm:hidden">
+            <span className="block sm:text-sm text-md lg:text-lg px-8 border bg-slate-900 py-2 border-white/[0.1] hover:border-cyan-700/[0.7] hover:bg-black/[0.2] rounded-full font-medium sm:hidden">
               {navItem.name}
             </span>
             <div