diff --git a/_extensions/odoo/layout.html b/_extensions/odoo/layout.html
index b11be12e3..000019b32 100644
--- a/_extensions/odoo/layout.html
+++ b/_extensions/odoo/layout.html
@@ -230,7 +230,7 @@
       <main class="container-fluid {{ ' '.join(classes) }}">
         {% if pagename != master_doc %}
         <div class="row">
-          {% if 'has-toc' not in meta %}
+          {% if 'has-toc' not in meta and not (pagename in toc) %}
           <aside>
             <div class="navbar-aside text-center">
               {{ toc }}
@@ -242,7 +242,7 @@
             </div>
           </aside>
           {% endif %}
-          <article class="doc-body {% if 'has-toc' in meta %}doc-toc{% endif %}">
+          <article class="doc-body {% if 'has-toc' in meta %}doc-toc{% endif %}{% if pagename in toc%}index-category{% endif %}">
             {% endif %}
             {% block body %} {% endblock %}
           {% if pagename != master_doc %}</article>
@@ -313,8 +313,6 @@
                 <li><a href="http://www.odoo.com/blog/6">Customers</a></li>
                 <li class="divider" />
                 <li><a href="http://www.odoo.com/jobs">Jobs</a></li>
-                <li class="divider"/>
-                <li><a href="/page/legal">Legal Info</a></li>
               </ul>
             </div>
           </div>
diff --git a/_extensions/odoo/static/style.css b/_extensions/odoo/static/style.css
index 65ad613a9..d521ff306 100644
--- a/_extensions/odoo/static/style.css
+++ b/_extensions/odoo/static/style.css
@@ -9473,18 +9473,18 @@ h6,
   line-height: 1.4;
 }
 @media (min-width: 1200px) {
-  .has_code_col h1,
-  .has_code_col h2,
-  .has_code_col h3,
-  .has_code_col h4,
-  .has_code_col h5,
-  .has_code_col h6,
-  .has_code_col .h1,
-  .has_code_col .h2,
-  .has_code_col .h3,
-  .has_code_col .h4,
-  .has_code_col .h5,
-  .has_code_col .h6 {
+  .has_code_col .doc-aside h1,
+  .has_code_col .doc-aside h2,
+  .has_code_col .doc-aside h3,
+  .has_code_col .doc-aside h4,
+  .has_code_col .doc-aside h5,
+  .has_code_col .doc-aside h6,
+  .has_code_col .doc-aside .h1,
+  .has_code_col .doc-aside .h2,
+  .has_code_col .doc-aside .h3,
+  .has_code_col .doc-aside .h4,
+  .has_code_col .doc-aside .h5,
+  .has_code_col .doc-aside .h6 {
     color: white;
   }
 }
@@ -11928,7 +11928,7 @@ main.index.animating .card {
   font-size: 65%;
 }
 @media (min-width: 1200px) {
-  .has_code_col .card.top .container h1 {
+  .has_code_col .doc-aside .card.top .container h1 {
     color: white;
   }
 }
@@ -11969,7 +11969,7 @@ main.index.animating .card {
   }
 }
 @media screen and (min-width: 768px) and (min-width: 1200px) {
-  .has_code_col .card.top .container h1 {
+  .has_code_col .doc-aside .card.top .container h1 {
     color: white;
   }
 }
@@ -12010,7 +12010,7 @@ main.index.animating .card {
   font-size: 65%;
 }
 @media (min-width: 1200px) {
-  .has_code_col .toctree-wrapper > ul > li.toctree-l1 > span {
+  .has_code_col .doc-aside .toctree-wrapper > ul > li.toctree-l1 > span {
     color: white;
   }
 }
@@ -12353,6 +12353,13 @@ article.doc-body section.doc-content:first-of-type > p:first-child {
     font-size: 22.5px;
   }
 }
+article.doc-body.index-category {
+  min-height: 300px;
+  min-height: 30vh;
+}
+article.doc-body.index-category li.toctree-l1 {
+  padding: 5px 0;
+}
 .content-switcher {
   margin-top: 1.5em;
 }
diff --git a/_extensions/odoo/static/style.less b/_extensions/odoo/static/style.less
index 448118360..5fd9fe178 100644
--- a/_extensions/odoo/static/style.less
+++ b/_extensions/odoo/static/style.less
@@ -742,6 +742,15 @@ article.doc-body {
       .lead;
     }
   }
+
+  &.index-category {
+    min-height: 300px;
+    min-height: 30vh;
+
+    li.toctree-l1 {
+      padding: 5px 0;
+    }
+  }
 }
 
 .content-switcher {