diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 845b3de..9e771aa 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -20,7 +20,7 @@ const Footer = () => {
           {socials.map((social) => (
             <li
               key={social.name}
-              className="text-secondary font-poppins font-medium cursor-pointer text-[16px]"
+              className="text-secondary font-poppins font-medium cursor-pointer text-[16px] opacity-80 hover:opacity-100 transition"
             >
               <Link to={social.link} target="_blank" rel="noreferrer noopener">
                 <img src={social.icon} alt={social.name} className="h-6 w-6" />