diff --git a/landing/header.css b/landing/header.css
index 7e61cfd90..851785cde 100644
--- a/landing/header.css
+++ b/landing/header.css
@@ -1,127 +1,144 @@
 nav.headerContainer {
   display: flex;
   justify-content: center;
 }
 
 div.headerNavContentContainer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 18px 32px;
   width: 1850px;
 }
 
 .logo {
   display: flex;
   align-items: center;
   min-width: 180px;
 }
 
 .logoText {
   color: var(--white-100);
   margin-right: 8px;
 }
 
 .betaBadge {
   padding: 4px 16px;
   background-color: #ebebeb26;
   border-radius: 16px;
   color: var(--white-100);
 }
 
 .tab {
   color: var(--black-60);
   transition: 150ms;
   transition-property: color;
 }
 .tab:hover {
   color: var(--white-100);
 }
 
 .activeTab {
   color: var(--white-100);
 }
 
 .pageNav {
   display: flex;
   column-gap: 72px;
 }
 
 .socialIconsContainer {
   display: flex;
   justify-self: flex-end;
   align-items: center;
 }
 
 .icon {
   color: var(--white-100);
 }
 
+div.socialIconsContainer a {
+  -webkit-tap-highlight-color: transparent;
+}
+
 div.twitterIcon,
 div.githubIcon,
 div.webappIcon {
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 24px;
   margin-inline: 4px;
   border-radius: 50px;
   width: 44px;
   height: 44px;
   transition: 300ms;
 }
 
 div.menuIcon {
   display: none;
 }
 
 div.twitterIcon svg,
 div.githubIcon svg,
 div.webappIcon svg {
   transition: 300ms;
 }
 
-div.githubIcon:hover svg {
-  color: #151013;
-  transition: 300ms;
-}
-div.githubIcon:hover {
-  background-color: #ffffff;
-  transition: 300ms;
-}
+@media screen and (hover: hover) {
+  div.githubIcon:hover svg {
+    color: #151013;
+    transition: 300ms;
+  }
 
-div.webappIcon:hover {
-  background-color: var(--btn-bg);
-  transition: 300ms;
-}
+  div.githubIcon:hover {
+    background-color: #ffffff;
+    transition: 300ms;
+  }
 
-div.twitterIcon:hover {
-  background-color: #1d9bf0;
-  transition: 300ms;
+  div.webappIcon:hover {
+    background-color: var(--btn-bg);
+    transition: 300ms;
+  }
+
+  div.twitterIcon:hover {
+    background-color: #1d9bf0;
+    transition: 300ms;
+  }
 }
 
 @media screen and (max-width: 848px) {
   .pageNav {
     display: none;
   }
 
   div.twitterIcon,
   div.githubIcon,
   div.webappIcon {
     display: none;
   }
 
   div.menuIcon {
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 24px;
     margin-inline: 4px;
+    border-radius: 50px;
     width: 44px;
     height: 44px;
+    transition: 300ms;
+  }
+
+  div.menuIcon svg {
+    transition: 300ms;
   }
+}
 
+@media screen and (max-width: 848px) and (hover: hover) {
   div.menuIcon:hover {
     cursor: pointer;
+    background-color: var(--btn-bg);
+    transition: 300ms;
   }
 }