diff --git a/sass/homeassistant/_overrides.scss b/sass/homeassistant/_overrides.scss
index 70e83439ab6..0e6c7c67b91 100644
--- a/sass/homeassistant/_overrides.scss
+++ b/sass/homeassistant/_overrides.scss
@@ -39,7 +39,7 @@ h1.title.indent {
 }
 
 @media only screen and (min-width: $desk-wide-start) {
-  .integration-page, .documentation-page, .blog-post {
+  .integration-page, .documentation-page, .blog-index, .blog-category {
     .grid-wrapper>.grid.grid-center {
       display: flex;
       flex-direction: row-reverse;
@@ -48,13 +48,13 @@ h1.title.indent {
   }
 
   #sidebar {
-    .vertical-nav, .recent-categories, .recent-posts, .categories {
+    .vertical-nav, .recent-categories, .blog-index .recent-posts, .categories {
       background: none;
       padding: 0 16px 0 0;
     }
   }
 
-  .documentation-page, .blog-post {
+  .documentation-page, .blog-index {
     #sidebar #toc-module {
       display: none;
     }
@@ -191,7 +191,7 @@ h1.title.indent {
 }
 
 @media only screen and (min-width: $desk-wide-start) {
-  .documentation-page #toc-bar, .integration-page #toc-bar, .blog-post #toc-bar {
+  .documentation-page #toc-bar, .integration-page #toc-bar, .blog-index #toc-bar {
     display: inline-block;
   }
   #integration-sidebar #toc-module {
diff --git a/source/_includes/site/vertical_nav.html b/source/_includes/site/vertical_nav.html
index a96068b92dd..b0ef872724a 100644
--- a/source/_includes/site/vertical_nav.html
+++ b/source/_includes/site/vertical_nav.html
@@ -35,13 +35,12 @@
 {% else %}
   {% if page.blog_index %}
     {% include asides/recent_categories.html %}
-    {% include asides/recent_posts.html posts='5' %}
   {% else %}
     {% if doc == 'categories' %}
       {% include asides/categories.html %}
     {% elsif root == 'blog' %}
-      {% include asides/recent_posts.html posts='10' %}
       {% include post/sharing.html %}
+      {% include asides/recent_posts.html posts='5' %}
     {% else %}
       {% include post/sharing.html %}
     {% endif %}
diff --git a/source/_layouts/default.html b/source/_layouts/default.html
index bba0fd7fd71..9e4cb491fa4 100644
--- a/source/_layouts/default.html
+++ b/source/_layouts/default.html
@@ -3,7 +3,7 @@
 {% assign doc = url_parts[2] %}
 
 {% include site/head.html %}
-  <body {% if page.body_id %} id="{{ page.body_id }}"{% elsif page.layout == "landingpage" %} id="landingpage"{% endif %} class="{% if root == 'docs' or root == 'dashboards' or root == 'voice_control' or root == 'installation' or root == 'getting-started' or root == 'common-tasks' %}documentation-page{% endif %}{% if root == 'integrations' %}integration-page{% endif %}{% if root == 'blog' %}blog-post{% endif %}">
+  <body {% if page.body_id %} id="{{ page.body_id }}"{% elsif page.layout == "landingpage" %} id="landingpage"{% endif %} class="{% if root == 'docs' or root == 'dashboards' or root == 'voice_control' or root == 'installation' or root == 'getting-started' or root == 'common-tasks' %}documentation-page{% endif %} {% if root == 'integrations' %}integration-page{% endif %} {% if page.blog_index %}blog-index{% endif %} {% if root == 'blog' %}blog-post {% if doc == 'categories' %}blog-category{% endif %}{% endif %}">
     <header class='site-header {% if page.dark_header %}dark{% endif %}'>
       {% include site/header.html %}
     </header>
