diff --git a/frontend/src/components/Footer/Footer.jsx b/frontend/src/components/Footer/Footer.jsx
index 5dced7b1..70881d4d 100644
--- a/frontend/src/components/Footer/Footer.jsx
+++ b/frontend/src/components/Footer/Footer.jsx
@@ -230,6 +230,7 @@ export const Footer = (props) => {
             <ul className={dark ? style["nav-ul-dark"] : style["nav-ul"]}>
               <li>Be sure to give us a follow on the below social links</li>
             </ul>
+
             <div className={`col ${style["col"]}`}>
               <ul className={dark ? style["social-dark"] : style["social"]}>
                 <li>
diff --git a/frontend/src/components/Footer/footer.module.scss b/frontend/src/components/Footer/footer.module.scss
index f2cba296..466cbf42 100644
--- a/frontend/src/components/Footer/footer.module.scss
+++ b/frontend/src/components/Footer/footer.module.scss
@@ -207,16 +207,32 @@
   color: #dd2a7b;
 }
 
+
 .fa-envelope:hover,
 .fa-envelope-own:hover {
   color: #c71610;
 }
 
+.fa-instagram:hover,
+.fa-instagram-own:hover {
+  color: #f77737;
+}
+
 .fa-github:hover,
 .fa-github-own:hover {
   color: #7af7cd;
 }
 
+.fa-twitter:hover,
+.fa-twitter-own:hover {
+  color: #1da1f2;
+}
+
+.fa-youtube:hover,
+.fa-youtube-own:hover {
+  color: #ff0000;
+}
+
 .footer-dash {
   text-align: center;
   padding-top: 2px;
@@ -572,6 +588,14 @@ a > span {
   color: #fff;
 }
 
+.input-field-footer::placeholder {
+  color: #555555;
+}
+
+.input-field-footer:focus::placeholder {
+  color: #999999;
+}
+
 .validation {
   color: red;
   margin-top: 0;