diff --git a/frontend/src/Components/Navbar/Navbar.jsx b/frontend/src/Components/Navbar/Navbar.jsx
index 7e26003..7460ab6 100644
--- a/frontend/src/Components/Navbar/Navbar.jsx
+++ b/frontend/src/Components/Navbar/Navbar.jsx
@@ -167,7 +167,7 @@ const Navbar = () => {
                    <a
                      key={item.name}
                      href={item.link}
-                     className="relative text-[15px] md:text-[16px] lg:text-[17px] font-medium transition-all duration-300 group flex items-center gap-2"
+                     className="relative text-[15px] md:text-[16px] lg:text-[17px] font-medium transition-all duration-300 group flex items-center gap-2 hover:pb-1"
                      style={{ color: "var(--card-foreground)" }}
                    >
                      {item.icon} <span>{item.name}</span>
diff --git a/frontend/src/Components/contact.jsx b/frontend/src/Components/contact.jsx
index aa0046a..859e724 100644
--- a/frontend/src/Components/contact.jsx
+++ b/frontend/src/Components/contact.jsx
@@ -120,7 +120,7 @@ const Contact = () => {
                       {...register("name")}
                       className={`w-full pl-10 pr-4 py-2 border ${
                         errors.name ? "border-red-500" : "border-gray-300"
-                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 transition`}
+                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 placeholder-gray-500 transition`}
                       placeholder="Your Name"
                     />
                     {errors.name && (
@@ -138,7 +138,7 @@ const Contact = () => {
                       {...register("email")}
                       className={`w-full pl-10 pr-4 py-2 border ${
                         errors.email ? "border-red-500" : "border-gray-300"
-                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 transition`}
+                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 placeholder-gray-500 transition`}
                       placeholder="you@example.com"
                     />
                     {errors.email && (
@@ -156,7 +156,7 @@ const Contact = () => {
                       rows="5"
                       className={`w-full pl-10 pr-4 py-2 border ${
                         errors.message ? "border-red-500" : "border-gray-300"
-                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 transition`}
+                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 placeholder-gray-500 transition`}
                       placeholder="Type your message..."
                     ></textarea>
                     {errors.message && (
diff --git a/frontend/src/Components/ui/floating-navbar.tsx b/frontend/src/Components/ui/floating-navbar.tsx
index c08583b..6be4f25 100644
--- a/frontend/src/Components/ui/floating-navbar.tsx
+++ b/frontend/src/Components/ui/floating-navbar.tsx
@@ -65,16 +65,16 @@ export const FloatingNav = ({
           <a
             key={`link=${idx}`}
             href={navItem.link}
-            className={cn(
-              "relative dark:text-neutral-50 items-center flex space-x-1 text-neutral-600 dark:hover:text-neutral-300 hover:text-neutral-500"
-            )}
+            className="relative text-[15px] md:text-[16px] lg:text-[17px] font-medium transition-all duration-300 group flex items-center gap-2 hover:pb-1"
+            style={{ color: "var(--card-foreground)" }}
           >
             <span className="block sm:hidden">{navItem.icon}</span>
             <span className="hidden sm:block text-sm">{navItem.name}</span>
+            <span className="absolute left-0 -bottom-1 w-0 h-[2px] bg-gradient-to-r from-[var(--primary)] to-purple-500 transition-all duration-500 group-hover:w-full"></span>
           </a>
         ))}
         <button
-          onClick={() => navigate('/login')}
+          onClick={() => navigate("/login")}
           className="border text-sm font-medium relative border-neutral-200 dark:border-white/[0.2] text-black dark:text-white px-4 py-2 rounded-full hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:cursor-pointer transition-colors"
         >
           <span>Login</span>
@@ -83,4 +83,4 @@ export const FloatingNav = ({
       </motion.div>
     </AnimatePresence>
   );
-}
\ No newline at end of file
+};