diff --git a/pages/index.tsx b/pages/index.tsx
index e86a771..7ec4db6 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -45,8 +45,8 @@ export default function Index() {
                 className={styles.socialMediaIcon}
                 src='/fb-icon.png'
                 alt='facebook'
-                width={300}
-                height={300}
+                width={100}
+                height={100}
                 loading='lazy'
               />
             </a>
@@ -55,8 +55,8 @@ export default function Index() {
                 className={styles.socialMediaIcon}
                 src='/insta-icon.png'
                 alt='instagram'
-                width={300}
-                height={300}
+                width={100}
+                height={100}
                 loading='lazy'
               />
             </a>
diff --git a/public/fb-icon.png b/public/fb-icon.png
index 26c6885..fd183dd 100755
Binary files a/public/fb-icon.png and b/public/fb-icon.png differ
diff --git a/public/insta-icon.png b/public/insta-icon.png
index eea657b..940c345 100755
Binary files a/public/insta-icon.png and b/public/insta-icon.png differ
diff --git a/styles/Index.module.scss b/styles/Index.module.scss
index f1ac4cf..cffe69f 100644
--- a/styles/Index.module.scss
+++ b/styles/Index.module.scss
@@ -73,13 +73,13 @@
   display: flex;
   justify-content: space-around;
   margin-top: 1rem;
-  width: 50%;
+  width: 30%;
 }
 
 .socialMediaIcon {
-  max-width: 30px;
+  width: 30px;
   margin-bottom: 0;
-  height: 100%;
+  height: 30px;
 }
 
 .postServiceDesc {