diff --git a/_includes/header.html b/_includes/header.html
index e28bc38..00ce8ab 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,4 +1,4 @@
-<header class="pv3 bb b--black-10">
+<header class="pv3 pv4-ns bb b--black-10">
   <div class="w-80 mw8 center flex justify-between items-center">
     <h1 class="mv0 normal f3 lh-copy black-90">Feather</h1>
 
diff --git a/_includes/hero.html b/_includes/hero.html
index 272aa4a..6a8c175 100644
--- a/_includes/hero.html
+++ b/_includes/hero.html
@@ -1,7 +1,7 @@
 <div class="flex flex-column items-center w-80 mw8 pv5 pv6-ns center">
   <h2 class="mt0 mb4 f2 fw3 tc lh-title black-90">Simply beautiful open source icons</h2>
   <a
-    class="button white bg-accent dim br2"
+    class="button white bg-accent dim br1"
     href="feather.zip"
     download
     onclick="ga('send', 'event', 'download', 'click', 'all');">
diff --git a/_includes/icon.html b/_includes/icon.html
index 2fc7353..3cff361 100644
--- a/_includes/icon.html
+++ b/_includes/icon.html
@@ -1,10 +1,10 @@
 <li>
   <a
     href="{{ include.icon.path }}"
-    class="flex flex-row items-center dib pa3 br2 no-underline dark-gray bg-near-white bg-animate hover-bg-light-gray"
+    class="icon flex flex-row items-center dib pa3 pa4-ns br1 no-underline dark-gray bg-near-white bg-animate hover-bg-light-gray"
     download
     onclick="ga('send', 'event', 'download', 'click', '{{ include.icon.basename }}');">
     <span class="svg flex-none lh-none">{% include_relative {{ include.icon.path }} %}</span>
-    <span class="ml3 lh-copy f6 tc black-60 ellipse">{{ include.icon.basename }}</span>
+    <span class="ml3 lh-copy f6 f5-ns tc black-60 ellipse">{{ include.icon.basename }}</span>
   </a>
 </li>
diff --git a/style.css b/style.css
index 34ec726..e73af6c 100644
--- a/style.css
+++ b/style.css
@@ -14,7 +14,7 @@
 .button {
   display: inline-block;
   padding: 1rem 2rem;
-  font-size: 1rem;
+  font-size: 1.125rem;
   line-height: 1.25;
   text-align: center;
   text-decoration: none;
@@ -50,8 +50,6 @@
   padding: 0 0.5rem 1rem;
 }
 
-
-
 /* medium breakpoint */
 @media (min-width: 30em) {
   .icon-grid li {
@@ -92,7 +90,7 @@
   font-size: 0.875rem;
   line-height: 1.5;
   background: #f4f4f4;
-  border-radius: .25rem;
+  border-radius: .125rem;
 }
 
 #carbonads a {