diff --git a/index.css b/index.css
index 259e782..d516031 100755
--- a/index.css
+++ b/index.css
@@ -4,7 +4,7 @@ html {
 
 body {
   margin: 0;
-  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', 'Segoe UI Emoji', 'Apple Emoji Color', sans-serif;
+  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
 }
 
 main {
diff --git a/index.html b/index.html
index 5b74051..e45023e 100755
--- a/index.html
+++ b/index.html
@@ -26,8 +26,8 @@
           var scrollPos = d.documentElement.scrollTop || bd.scrollTop;
           var distance = scrollPos - prevScrollPos;
 
-          // Only react if user scrolled more than 50px
-          if (Math.abs(distance) < 50) return;
+          // Only react if user scrolled more than 25px
+          if (Math.abs(distance) < 25) return;
 
           // Show or hide header depending on scroll direction
           if (distance > 0) bdClass.add('hide-header');