diff --git a/_static/chart-of-accounts.js b/_static/chart-of-accounts.js
index 68e415160..ba7e09efb 100644
--- a/_static/chart-of-accounts.js
+++ b/_static/chart-of-accounts.js
@@ -60,33 +60,39 @@
                 null,
                 React.DOM.table(
                     {className: 'table table-condensed'},
-                    React.DOM.tr(
+                    React.DOM.thead(
                         null,
-                        React.DOM.th(),
-                        React.DOM.th({className: 'text-right'}, "Debit"),
-                        React.DOM.th({className: 'text-right'}, "Credit"),
-                        React.DOM.th({className: 'text-right'}, "Balance")),
-                    this.accounts().map(function (data) {
-                        var highlight = lastop.get(data.get('code'));
-                        return React.DOM.tr(
-                            {key: data.get('code')},
-                            React.DOM.th(null,
-                                   data.get('level') ? '\u2001 ' : '',
-                                   data.get('code'), ' ', data.get('label')),
-                            React.DOM.td({className: React.addons.classSet({
-                                'text-right': true,
-                                'highlight-op': highlight === 'debit'
-                            })}, data.get('debit') || ''),
-                            React.DOM.td({className: React.addons.classSet({
-                                'text-right': true,
-                                'highlight-op': highlight === 'credit'
-                            })}, data.get('credit') || ''),
-                            React.DOM.td(
-                                {className: 'text-right'},
-                                (data.get('debit') - data.get('credit')) || ''
-                            )
-                        );
-                    })
+                        React.DOM.tr(
+                            null,
+                            React.DOM.th(),
+                            React.DOM.th({className: 'text-right'}, "Debit"),
+                            React.DOM.th({className: 'text-right'}, "Credit"),
+                            React.DOM.th({className: 'text-right'}, "Balance"))
+                    ),
+                    React.DOM.tbody(
+                        null,
+                        this.accounts().map(function (data) {
+                            var highlight = lastop.get(data.get('code'));
+                            return React.DOM.tr(
+                                {key: data.get('code')},
+                                React.DOM.th(null,
+                                             data.get('level') ? '\u2001 ' : '',
+                                             data.get('code'), ' ', data.get('label')),
+                                React.DOM.td({className: React.addons.classSet({
+                                    'text-right': true,
+                                    'highlight-op': highlight === 'debit'
+                                })}, data.get('debit') || ''),
+                                React.DOM.td({className: React.addons.classSet({
+                                    'text-right': true,
+                                    'highlight-op': highlight === 'credit'
+                                })}, data.get('credit') || ''),
+                                React.DOM.td(
+                                    {className: 'text-right'},
+                                    (data.get('debit') - data.get('credit')) || ''
+                                )
+                            );
+                        })
+                    )
                 )
             );
         },
diff --git a/_themes/odoodoc/static/style.css b/_themes/odoodoc/static/style.css
index 7ca2b0264..079d7a3b4 100644
--- a/_themes/odoodoc/static/style.css
+++ b/_themes/odoodoc/static/style.css
@@ -6864,6 +6864,12 @@ td.field-body > ul {
     border-bottom-color: #777777;
     border-right-color: #777777;
   }
+  .stripe .section:not(.force-right) > .force-right .table th,
+  .stripe .section:not(.force-right) > [class*=highlight-] .table th,
+  .stripe .section:not(.force-right) > .force-right .table td,
+  .stripe .section:not(.force-right) > [class*=highlight-] .table td {
+    border-color: #777777;
+  }
   .stripe .section:not(.force-right) > .force-right .highlight,
   .stripe .section:not(.force-right) > [class*=highlight-] .highlight {
     border-color: #555555;
diff --git a/_themes/odoodoc/static/style.less b/_themes/odoodoc/static/style.less
index d0c24c6f6..376b42200 100644
--- a/_themes/odoodoc/static/style.less
+++ b/_themes/odoodoc/static/style.less
@@ -655,6 +655,9 @@ td.field-body {
         border-bottom-color: @separator-right;
         border-right-color: @separator-right;
       }
+      .table th, .table td {
+        border-color: @gray-light;
+      }
       .highlight {
         border-color: @gray;
         border-style: solid;