diff --git a/public/images/svg/ssvg_gmail.svg b/public/images/svg/ssvg_gmail.svg
new file mode 100644
index 0000000..e9a4859
--- /dev/null
+++ b/public/images/svg/ssvg_gmail.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0ZM23.9639 26.0193L14.9987 19.5115V33.23H13.5009C12.6664 33.23 12.0031 32.5667 12.0031 31.7322V16.562C12.0031 16.4985 12.007 16.4389 12.0144 16.3831C12.0416 16.1451 12.1284 15.9122 12.2813 15.7061C12.7734 15.0428 13.7363 14.893 14.421 15.3851L23.9853 22.3391L33.6138 15.2996C34.2771 14.8074 35.2186 14.9572 35.7107 15.6419C35.9723 15.9945 36.0525 16.4256 35.9674 16.8261V31.7536C35.9674 32.5667 35.3041 33.23 34.4697 33.23H32.9719V19.4788L23.9639 26.0193Z" fill="black"/>
+</svg>
diff --git a/public/images/svg/svgGmail copy.js b/public/images/svg/svgGmail copy.js
new file mode 100644
index 0000000..5797797
--- /dev/null
+++ b/public/images/svg/svgGmail copy.js	
@@ -0,0 +1,24 @@
+const SvgGmail = (props) => (
+  <svg
+    className="svg-icon"
+    style={{
+      width: "1em",
+      height: "1em",
+      verticalAlign: "middle",
+      fill: "currentColor",
+      overflow: "hidden",
+    }}
+    viewBox="0 0 1024 1024"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      stroke="null"
+      id="svg_1"
+      d="m921.6,32.60952l-819.2,0c-56.32,0 -102.4,54.03987 -102.4,120.08859l0,720.53153c0,66.04872 46.08,120.08859 102.4,120.08859l819.2,0c56.32,0 102.4,-54.03987 102.4,-120.08859l0,-720.53153c0,-66.04872 -46.08,-120.08859 -102.4,-120.08859zm0,840.62012l-102.4,0l0,-528.38978l-307.2,228.16832l-307.2,-228.16832l0,528.38978l-102.4,0l0,-720.53153l61.44,0l348.16,252.18603l348.16,-252.18603l61.44,0l0,720.53153z"
+    />
+  </svg>
+);
+
+export default SvgGmail;
diff --git a/public/images/svg/svgGmail.js b/public/images/svg/svgGmail.js
index 5797797..c718155 100644
--- a/public/images/svg/svgGmail.js
+++ b/public/images/svg/svgGmail.js
@@ -1,23 +1,13 @@
-const SvgGmail = (props) => (
+const SvgGmail = ({ className, ...props }) => (
   <svg
-    className="svg-icon"
-    style={{
-      width: "1em",
-      height: "1em",
-      verticalAlign: "middle",
-      fill: "currentColor",
-      overflow: "hidden",
-    }}
-    viewBox="0 0 1024 1024"
-    version="1.1"
+    width="30"
+    height="30"
+    viewBox="0 0 56 50"
     xmlns="http://www.w3.org/2000/svg"
+    className={className}
     {...props}
   >
-    <path
-      stroke="null"
-      id="svg_1"
-      d="m921.6,32.60952l-819.2,0c-56.32,0 -102.4,54.03987 -102.4,120.08859l0,720.53153c0,66.04872 46.08,120.08859 102.4,120.08859l819.2,0c56.32,0 102.4,-54.03987 102.4,-120.08859l0,-720.53153c0,-66.04872 -46.08,-120.08859 -102.4,-120.08859zm0,840.62012l-102.4,0l0,-528.38978l-307.2,228.16832l-307.2,-228.16832l0,528.38978l-102.4,0l0,-720.53153l61.44,0l348.16,252.18603l348.16,-252.18603l61.44,0l0,720.53153z"
-    />
+    <path d="M24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0ZM23.9639 26.0193L14.9987 19.5115V33.23H13.5009C12.6664 33.23 12.0031 32.5667 12.0031 31.7322V16.562C12.0031 16.4985 12.007 16.4389 12.0144 16.3831C12.0416 16.1451 12.1284 15.9122 12.2813 15.7061C12.7734 15.0428 13.7363 14.893 14.421 15.3851L23.9853 22.3391L33.6138 15.2996C34.2771 14.8074 35.2186 14.9572 35.7107 15.6419C35.9723 15.9945 36.0525 16.4256 35.9674 16.8261V31.7536C35.9674 32.5667 35.3041 33.23 34.4697 33.23H32.9719V19.4788L23.9639 26.0193Z" />
   </svg>
 );
 
diff --git a/public/images/svg/svg_gmail.svg b/public/images/svg/svg_gmail_sq.svg
similarity index 100%
rename from public/images/svg/svg_gmail.svg
rename to public/images/svg/svg_gmail_sq.svg
diff --git a/public/images/svg/linkedin.svg b/public/images/svg/svg_linkedin.svg
similarity index 100%
rename from public/images/svg/linkedin.svg
rename to public/images/svg/svg_linkedin.svg
diff --git a/src/app/components/SocialMedia.tsx b/src/app/components/SocialMedia.tsx
index af5e35e..a282b09 100644
--- a/src/app/components/SocialMedia.tsx
+++ b/src/app/components/SocialMedia.tsx
@@ -1,38 +1,22 @@
-import { BsGithub, BsLinkedin, BsFacebook } from "react-icons/bs";
-import { HiMail } from "react-icons/hi";
-import { RiMailSendLine } from "react-icons/ri";
-import { TbMailFilled } from "react-icons/tb";
-import { SiGmail } from "react-icons/si";
-import { BiLogoGmail } from "react-icons/bi";
+import { BsGithub, BsFacebook } from "react-icons/bs";
 import SvgGmail from "../../../public/images/svg/svgGmail";
 import SvgLinkedIn from "../../../public/images/svg/SvgLinkedIn";
 
 const SocialMedia: any = () => {
   return (
     <div className="flex items-center ml-1 gap-4">
-      <a
-        href="https://www.facebook.com/divergytis"
-        className="hover:cursor-pointer text-2xl text-tag hover:text-nav-inactive"
-      >
-        <BsFacebook className="hover:text-primary" />
+      <a href="https://www.facebook.com/divergytis" className=" ">
+        <BsFacebook className="text-2xl text-tag hover:cursor-pointer hover:text-primary" />
       </a>
-      <a
-        href="https://github.com/LeoGytis"
-        className="hover:cursor-pointer text-2xl text-tag hover:text-nav-inactive"
-      >
-        <BsGithub className="hover:text-primary" />
+      <a href="https://github.com/LeoGytis">
+        <BsGithub className="text-2xl text-tag hover:cursor-pointer hover:text-primary" />
       </a>
-      <a
-        href="https://www.linkedin.com/in/gytis-leonavicius-74839519a/"
-        className="hover:cursor-pointer text-[1.7rem] text-tag hover:text-nav-inactive"
-      >
-        <SvgLinkedIn className="fill-tag hover:fill-primary" />
+
+      <a href="https://www.linkedin.com/in/gytis-leonavicius-74839519a/">
+        <SvgLinkedIn className="w-12 text-[1.7rem] fill-tag  hover:cursor-pointer hover:fill-primary" />
       </a>
-      <a
-        href="mailto:leogytis@gmail.com"
-        className="hover:cursor-pointer text-2xl text-tag hover:text-nav-inactive"
-      >
-        <SvgGmail className="fill-tag hover:fill-primary" />
+      <a href="mailto:leogytis@gmail.com">
+        <SvgGmail className=" text-2xl fill-tag hover:cursor-pointer hover:fill-primary" />
       </a>
     </div>
   );