diff --git a/lib/core/BlogPostLayout.js b/lib/core/BlogPostLayout.js
index fe713e4030..6053eba35c 100644
--- a/lib/core/BlogPostLayout.js
+++ b/lib/core/BlogPostLayout.js
@@ -40,6 +40,14 @@ class BlogPostLayout extends React.Component {
                 config={this.props.config}
               />
             </div>
+            <div className="blog-recent">
+              <a
+                className="button"
+                href={this.props.config.baseUrl + "blog"}
+              >
+                Recent Posts
+              </a>
+            </div>
           </Container>
         </div>
       </Site>
diff --git a/lib/static/css/main.css b/lib/static/css/main.css
index 64a86d591f..ac3b3e4c19 100644
--- a/lib/static/css/main.css
+++ b/lib/static/css/main.css
@@ -1557,6 +1557,17 @@ table tr th {
   overflow: hidden;
   width: 70px;
 }
+.blog-recent {
+  margin: 20px 0;
+}
+.blog-recent > a {
+  float: left;
+}
+@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
+  .blog-recent {
+    height: 40px;
+  }
+}
 
 .header-link {
   position: absolute;