diff --git a/components/UI/Contact.jsx b/components/UI/Contact.jsx
index b8e699ec..f3319bab 100644
--- a/components/UI/Contact.jsx
+++ b/components/UI/Contact.jsx
@@ -7,7 +7,12 @@ import Form from "./Form";
 import axios from "axios";
 import { useState } from "react";
 import NewTwitterLogo from "./NewTwitterlogo";
-import { RiYoutubeFill, RiGithubFill, RiTwitterFill, RiLinkedinFill } from "react-icons/ri";
+import {
+  RiYoutubeFill,
+  RiGithubFill,
+  RiTwitterFill,
+  RiLinkedinFill,
+} from "react-icons/ri";
 const Contact = () => {
   const [submitted, setSubmitted] = useState(false);
   const handleSubmit = async (event) => {
@@ -36,7 +41,6 @@ const Contact = () => {
       <Container>
         <Row className="flex justify-between flex-col md:flex-row ">
           <Col lg="4" md="6">
-
             <h3 className="mt-4 mb-4 text-2xl">Connect with me</h3>
 
             <ul className={`${classes.contact__info__list}`}>
@@ -53,7 +57,10 @@ const Contact = () => {
                   </a>
                 </span>
                 <p>
-                  <a className="hover:text-[#01d293]" href="mailto:piyushgarg.dev@gmail.com">
+                  <a
+                    className="hover:text-[#01d293]"
+                    href="mailto:piyushgarg.dev@gmail.com"
+                  >
                     piyushgarg.dev@gmail.com
                   </a>
                 </p>
@@ -62,7 +69,7 @@ const Contact = () => {
 
             <div className={`${classes.social__links}`}>
               <Link
-                className="hover:text-[#01d293] duration-300"
+                className="hover:text-[#01d293] hover:scale-150 duration-300"
                 aria-label="Youtube Channel"
                 href="https://youtube.com/@piyushgargdev"
                 target="_blank"
@@ -70,7 +77,7 @@ const Contact = () => {
                 <RiYoutubeFill />
               </Link>
               <Link
-                className="hover:text-[#01d293] duration-300"
+                className="hover:text-[#01d293] hover:scale-150 duration-300"
                 aria-label="Github Profile"
                 href="https://github.com/piyushgarg-dev"
                 target="_blank"
@@ -78,16 +85,15 @@ const Contact = () => {
                 <RiGithubFill />
               </Link>
               <Link
-                className="hover:text-[#01d293] duration-300"
+                className="hover:text-[#01d293] hover:scale-150 duration-300"
                 aria-label="Twitter Account"
                 href="https://twitter.com/piyushgarg_dev"
                 target="_blank"
               >
-             
                 <NewTwitterLogo />
               </Link>
               <Link
-                className="hover:text-[#01d293] duration-300"
+                className="hover:text-[#01d293] hover:scale-150 duration-300"
                 aria-label="LinedIn Account"
                 href="https://www.linkedin.com/in/piyushgarg195/"
                 target="_blank"
@@ -103,9 +109,14 @@ const Contact = () => {
               </div>
             ) : (
               <>
-                <div className="mt-4 mb-4 text-2xl"><SectionSubtitle subtitle="Contact me" /></div>
+                <div className="mt-4 mb-4 text-2xl">
+                  <SectionSubtitle subtitle="Contact me" />
+                </div>
 
-                <form className="flex flex-col space-y-4" onSubmit={handleSubmit}>
+                <form
+                  className="flex flex-col space-y-4"
+                  onSubmit={handleSubmit}
+                >
                   <input
                     className="text-md border-transparent rounded-lg block w-full p-2.5 bg-[#171f38] placeholder-gray-400 text-white"
                     type="text"