diff --git a/new_index.html b/new_index.html
index 3a33ba9..ad3486c 100644
--- a/new_index.html
+++ b/new_index.html
@@ -61,12 +61,14 @@
         </a>
         <a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener"></a>
           <picture>
+            <source media="(min-width: 399px)" srcset="/images/social-icons/fb_blue_144.png" type="image/png">
             <source srcset="/images/social-icons/fb_blue_58.png" type="image/png">
             <img src="/images/social-icons/fb_blue_58.png" alt="Facebook Logo">
           </picture>
         </a>
         <a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
           <picture>
+            <source media="(min-width: 399px)" srcset="/images/gh_white_120.png" type="image/png">
             <source srcset="/images/social-icons/gh_white_64.png" type="image/png">
             <img src="/images/social-icons/gh_white_64.png" alt="Github Logo">
           </picture>
diff --git a/style/new_style.css b/style/new_style.css
index ef519a0..3656e08 100644
--- a/style/new_style.css
+++ b/style/new_style.css
@@ -128,7 +128,7 @@ body {
     display: block;
     white-space: nowrap;
   }
-  @media screen and (max-height: 400px){#sidebar a{margin-top:0px;padding-top:0px}}
+@media screen and (max-height: 400px){#sidebar a{margin-top:0px;padding-top:0px}}
 #sidebar a:hover {color: var(--main-text-color)}
 #sidebar a:active {color: var(--main-text-color)}
 #sidebar_logo {