diff --git a/client/src/component/Footer.jsx b/client/src/component/Footer.jsx
index 11c5c83..1e3eba0 100644
--- a/client/src/component/Footer.jsx
+++ b/client/src/component/Footer.jsx
@@ -7,29 +7,29 @@ import { FaGithub, FaLinkedin, FaYoutube } from 'react-icons/fa';
 const Footer = (props) => {
     return (
         <>
-                  <hr style={{ border: '3px solid #0D92F4' }} />
-          <div className="Footer" style={{ backgroundColor: props.mode === 'dark' ? '#0B192C' : 'white'}}>
+            <hr style={{ border: '3px solid #0D92F4' }} />
+            <div className="Footer" style={{ backgroundColor: props.mode === 'dark' ? '#0B192C' : 'white' }}>
 
-          <div className="container">
+                <div className="container">
                     <div className="row">
                         <div className="col-md-6 col-lg-5 col-12 ft-1">
-                        <h3 style={{ fontFamily: "medium", fontSize: "2.5rem" }}>BIT<span className='code' style={{ Color: "#0D92F4"}}>BOX</span></h3>
-                            <p>Empowering Developers,<br/>
-                              Where Projects Find solution together</p>
-                              <div className="footer-icons">
-  <a href="https://github.com/bitboxcommunity" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
-  <FaGithub color="#211F1F" fontSize="2rem" />
-  </a>
-  <a href="https://twitter.com/BITBOX688152" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
-  <FaXTwitter color="#1da1f2" fontSize="2rem" />
-  </a>
-  <a href="https://www.youtube.com/channel/UCXUTdcw27jaH_go9iyUjJnA" target="_blank" rel="noopener noreferrer" aria-label="YouTube">
-<FaYoutube color="red" fontSize="2rem" />
-  </a>
-  <a href="https://www.linkedin.com/in/bit-box-community" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
-  <FaLinkedin color="#0077b5" fontSize="2rem" />
-  </a>
-</div>
+                            <h3 style={{ fontFamily: "medium", fontSize: "2.5rem" }}>BIT<span className='code' style={{ Color: "#0D92F4" }}>BOX</span></h3>
+                            <p>Empowering Developers,<br />
+                                Where Projects Find solution together</p>
+                            <div className="footer-icons">
+                                <a href="https://github.com/bitboxcommunity" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
+                                    <FaGithub color="#211F1F" fontSize="2rem" />
+                                </a>
+                                <a href="https://twitter.com/BITBOX688152" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
+                                    <FaXTwitter color="#1da1f2" fontSize="2rem" />
+                                </a>
+                                <a href="https://www.youtube.com/channel/UCXUTdcw27jaH_go9iyUjJnA" target="_blank" rel="noopener noreferrer" aria-label="YouTube">
+                                    <FaYoutube color="red" fontSize="2rem" />
+                                </a>
+                                <a href="https://www.linkedin.com/in/bit-box-community" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
+                                    <FaLinkedin color="#0077b5" fontSize="2rem" />
+                                </a>
+                            </div>
 
 
                         </div>
@@ -37,10 +37,10 @@ const Footer = (props) => {
                             <h5>About</h5>
                             <ul>
                                 <li className="nav-item">
-                                <Link to="/contactus">Contact Us</Link>
+                                    <Link to="/contactus">Contact Us</Link>
                                 </li>
                                 <li className="nav-item">
-                                <Link to='/codeofconduct'>Code of Conduct</Link>
+                                    <Link to='/codeofconduct'>Code of Conduct</Link>
                                 </li>
                             </ul>
                         </div>
@@ -48,13 +48,13 @@ const Footer = (props) => {
                             <h5>Legals</h5>
                             <ul>
                                 <li className="nav-item">
-                                <Link to="/feedback">Feedback</Link>
+                                    <Link to="/feedback">Feedback</Link>
                                 </li>
                                 <li className="nav-item">
-                                <Link to="/privacypolicy">Privacy Policy</Link>
+                                    <Link to="/privacypolicy">Privacy Policy</Link>
                                 </li>
                                 <li className="nav-item">
-                                <li><Link to="/termofuse">Terms of use</Link></li>
+                                    <li><Link to="/termofuse">Terms of use</Link></li>
                                 </li>
                             </ul>
                         </div>
@@ -62,7 +62,7 @@ const Footer = (props) => {
                 </div>
             </div>
             <div className='Last-footer'>
-            <p className='copy-content'>© 2024 Bitbox.&nbsp; Made with 🤍 by Bitbox India.&nbsp; All rights reserved.</p>
+                <p className='copy-content'>© 2024 Bitbox.&nbsp; Made with 🤍 by Bitbox India.&nbsp; All rights reserved.</p>
             </div>
         </>
     )
@@ -70,8 +70,8 @@ const Footer = (props) => {
 
 
 Footer.propTypes = {
-  showAlert: PropTypes.func,
-  mode: PropTypes.string,
+    showAlert: PropTypes.func,
+    mode: PropTypes.string,
 };
 
 export default Footer
\ No newline at end of file
diff --git a/client/src/component/css/Footer.css b/client/src/component/css/Footer.css
index 5fdb38b..428754b 100644
--- a/client/src/component/css/Footer.css
+++ b/client/src/component/css/Footer.css
@@ -211,6 +211,11 @@ nav_ul li {
   border-radius: 80%;
 }
 
+.footer-icons a:hover{
+  transform: scale(1.2);
+  color: #0077B5;
+}
+
 .Footer h5 {
   font-weight: bold;
   font-size: 1.5rem;
@@ -286,6 +291,7 @@ nav_ul li {
     gap: 0.8rem;
   }
 
+
   .Footer h5 {
     font-size: 1.2rem;
     text-align: center;