From 78355cf9f1e260ca8d0d3448d013e4e43b6ab05b Mon Sep 17 00:00:00 2001
From: Meara Keelty <mkee115@aucklanduni.ac.nz>
Date: Mon, 20 Oct 2025 12:00:36 +1300
Subject: [PATCH] Chnaged the footer file to now underline the words when
 hovering the icon.

---
 frontend/src/components/ui/Footer.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/ui/Footer.js b/frontend/src/components/ui/Footer.js
index f1b1732..689b7a9 100644
--- a/frontend/src/components/ui/Footer.js
+++ b/frontend/src/components/ui/Footer.js
@@ -49,25 +49,25 @@ const Footer = () => {
           </div>
         {/* Browse items list */}
           <div className="text-center md:text-right">
-            <Link 
-              to="/feed" 
+            <Link
+              to="/feed"
               onClick={handleBrowseClick}
-              className="flex items-center space-x-2 text-green-400 hover:text-green-300 text-sm transition-colors"
+              className="group flex items-center space-x-2 text-green-400 hover:text-green-300 text-sm transition-colors"
             >
-              <Search className="h-4 w-4" />
-              <span className="hover:underline">Browse Items</span>
+              <Search className="h-4 w-4 no-underline" />
+              <span className="group-hover:underline">Browse Items</span>
             </Link>
           </div>
 
         {/* My Account Button */}
           <div className="text-center md:text-right">
-            <Link 
+            <Link
               to={accountLink}
               onClick={handleAccountClick}
-              className="flex items-center space-x-2 text-green-400 hover:text-green-300 text-sm transition-colors"
+              className="group flex items-center space-x-2 text-green-400 hover:text-green-300 text-sm transition-colors"
             >
-              <User className="h-4 w-4" />
-              <span className="hover:underline">My Account</span>
+              <User className="h-4 w-4 no-underline" />
+              <span className="group-hover:underline">My Account</span>
             </Link>
           </div>