diff --git a/source/_includes/asides/component_navigation.html b/source/_includes/asides/component_navigation.html
index 6109c94a186..6977528043f 100644
--- a/source/_includes/asides/component_navigation.html
+++ b/source/_includes/asides/component_navigation.html
@@ -74,19 +74,4 @@
     <a href="https://github.com/home-assistant/core/issues?q=is%3Aissue+is%3Aopen+label%3A%22integration%3A+{{ domain }}%22" target="_blank"><i class="icon-bug"></i> View known issues</a>
   </div>
   {%- endif -%}
-
-
-  {%- if page.ha_category.first -%}
-    <div class='section'>
-    <h1 class="title delta">Categories</h1>
-    <ul class='divided'>
-    {%- for category in page.ha_category -%}
-      <li>
-        <a href='/integrations/#{{ category | slugify }}'>{{ category }}</a>
-      </li>
-    {%- endfor -%}
-    </ul>
-    </div>
-  {%- endif -%}
-
 </section>
diff --git a/source/_includes/site/sidebar.html b/source/_includes/site/sidebar.html
index 3a9f2302e35..21ca613da48 100644
--- a/source/_includes/site/sidebar.html
+++ b/source/_includes/site/sidebar.html
@@ -46,7 +46,22 @@
         </div>
       </section>
     {%- endunless -%}
-  {% endif %}
+  {% endif %} 
+
+  {%- if page.ha_category.first -%}
+    <section class="aside-module grid__item one-whole lap-one-half">
+      <div class='section'>
+        <h1 class="title delta">Categories</h1>
+        <ul class='divided'>
+        {%- for category in page.ha_category -%}
+          <li>
+            <a href='/integrations/#{{ category | slugify }}'>{{ category }}</a>
+          </li>
+        {%- endfor -%}
+        </ul>
+      </div>
+    </section>
+  {%- endif -%}
 </div>
 <script type="text/javascript">
   // Some sidebars are longer than the screen so they can't be locked.