diff --git a/lib/core/BlogPostLayout.js b/lib/core/BlogPostLayout.js
index f6d34d9c15..6053eba35c 100644
--- a/lib/core/BlogPostLayout.js
+++ b/lib/core/BlogPostLayout.js
@@ -40,9 +40,9 @@ class BlogPostLayout extends React.Component {
                 config={this.props.config}
               />
             </div>
-            <div className="blog-recent-bar">
+            <div className="blog-recent">
               <a
-                className="blog-recent button"
+                className="button"
                 href={this.props.config.baseUrl + "blog"}
               >
                 Recent Posts
diff --git a/lib/static/css/main.css b/lib/static/css/main.css
index 6018b9c308..f53f1a6fa7 100644
--- a/lib/static/css/main.css
+++ b/lib/static/css/main.css
@@ -1554,14 +1554,14 @@ table tr th {
   overflow: hidden;
   width: 70px;
 }
-.blog-recent-bar {
+.blog-recent {
   margin: 20px 0;
 }
-.blog-recent {
+.blog-recent > a {
   float: left;
 }
 @media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
-  .blog-recent-bar {
+  .blog-recent {
     height: 40px;
   }
 }