diff --git a/examples/blog/theme.config.js b/examples/blog/theme.config.js
index fb56fe005f6d..993a7b2d7f42 100644
--- a/examples/blog/theme.config.js
+++ b/examples/blog/theme.config.js
@@ -2,20 +2,19 @@ const YEAR = new Date().getFullYear()
 
 export default {
   footer: (
-    <small style={{ display: 'block', marginTop: '8rem' }}>
-      <time>{YEAR}</time> © Your Name.
-      <a href="/feed.xml">RSS</a>
+    <footer>
+      <small>
+        <time>{YEAR}</time> © Your Name.
+        <a href="/feed.xml">RSS</a>
+      </small>
       <style jsx>{`
+        footer {
+          margin-top: 8rem;
+        }
         a {
           float: right;
         }
-        @media screen and (max-width: 480px) {
-          article {
-            padding-top: 2rem;
-            padding-bottom: 4rem;
-          }
-        }
       `}</style>
-    </small>
+    </footer>
   )
 }