diff --git a/src/components/socialMedia/SocialMedia.js b/src/components/socialMedia/SocialMedia.js
index 7a187616cc..1a171c4f06 100644
--- a/src/components/socialMedia/SocialMedia.js
+++ b/src/components/socialMedia/SocialMedia.js
@@ -14,6 +14,7 @@ export default function socialMedia() {
           className="icon-button github"
           target="_blank"
           rel="noopener noreferrer"
+          title="Github"
         >
           <i className="fab fa-github"></i>
           <span></span>
@@ -26,6 +27,7 @@ export default function socialMedia() {
           className="icon-button linkedin"
           target="_blank"
           rel="noopener noreferrer"
+          title="Linkedin"
         >
           <i className="fab fa-linkedin-in"></i>
           <span></span>
@@ -38,6 +40,7 @@ export default function socialMedia() {
           className="icon-button google"
           target="_blank"
           rel="noopener noreferrer"
+          title="Gmail"
         >
           <i className="fas fa-envelope"></i>
           <span></span>
@@ -50,6 +53,7 @@ export default function socialMedia() {
           className="icon-button gitlab"
           target="_blank"
           rel="noopener noreferrer"
+          title="Gitlab"
         >
           <i className="fab fa-gitlab"></i>
           <span></span>
@@ -62,6 +66,7 @@ export default function socialMedia() {
           className="icon-button facebook"
           target="_blank"
           rel="noopener noreferrer"
+          title="Facebook"
         >
           <i className="fab fa-facebook-f"></i>
           <span></span>
@@ -74,6 +79,7 @@ export default function socialMedia() {
           className="icon-button instagram"
           target="_blank"
           rel="noopener noreferrer"
+          title="Instagram"
         >
           <i className="fab fa-instagram"></i>
           <span></span>
@@ -86,6 +92,7 @@ export default function socialMedia() {
           className="icon-button twitter"
           target="_blank"
           rel="noopener noreferrer"
+          title="Twitter"
         >
           <i className="fab fa-twitter"></i>
           <span></span>
@@ -98,6 +105,7 @@ export default function socialMedia() {
           className="icon-button medium"
           target="_blank"
           rel="noopener noreferrer"
+          title="Medium"
         >
           <i className="fab fa-medium"></i>
           <span></span>
@@ -110,6 +118,7 @@ export default function socialMedia() {
           className="icon-button stack-overflow"
           target="_blank"
           rel="noopener noreferrer"
+          title="Stack Overflow"
         >
           <i className="fab fa-stack-overflow"></i>
           <span></span>
@@ -122,6 +131,7 @@ export default function socialMedia() {
           className="icon-button kaggle"
           target="_blank"
           rel="noopener noreferrer"
+          title="kaggle"
         >
           <i className="fab fa-kaggle"></i>
           <span></span>
diff --git a/src/components/socialMedia/SocialMedia.scss b/src/components/socialMedia/SocialMedia.scss
index aec6fc0b9f..75965b3bbb 100644
--- a/src/components/socialMedia/SocialMedia.scss
+++ b/src/components/socialMedia/SocialMedia.scss
@@ -25,7 +25,8 @@
   user-select: none;
   width: 2.6rem;
   margin-bottom: 10px;
-  transition: 0.2s ease-in;
+  opacity: 0.8;
+  transition: 0.2s;
 }
 
 .facebook i {
@@ -79,7 +80,9 @@
 .stack-overflow i:hover,
 .kaggle i:hover,
 .medium i:hover {
-  background-color: $textColor;
+  // background-color: $textColor;
+  transform: translateY(-6px) scale(1.1);
+  opacity: 1;
 }
 
 /* Media Query */