diff --git a/common/modules/config.jsm b/common/modules/config.jsm
index 6ad33d31..e9e267dd 100644
--- a/common/modules/config.jsm
+++ b/common/modules/config.jsm
@@ -453,6 +453,12 @@ var ConfigBase = Class("ConfigBase", {
         REPL-E              white-space: pre-wrap;
         REPL-P              white-space: pre-wrap; margin-bottom: 1em;
 
+        Usage               width: 100%;
+        UsageBody
+        UsageHead
+        UsageItem
+        UsageItem:nth-of-type(2n)    background: rgba(0, 0, 0, .04);
+
         Indicator   color: blue; width: 1.5em; text-align: center;
         Filter      font-weight: bold;
 
@@ -499,7 +505,7 @@ var ConfigBase = Class("ConfigBase", {
             text-shadow: black -1px 0 1px, black 0 1px 1px, black 1px 0 1px, black 0 -1px 1px;
         }
 
-        Title       color: magenta; background: white; font-weight: bold;
+        Title       color: magenta; font-weight: bold;
         URL         text-decoration: none; color: green; background: inherit;
         URL:hover   text-decoration: underline; cursor: pointer;
         URLExtra    color: gray;
diff --git a/common/modules/template.jsm b/common/modules/template.jsm
index 52fd9c22..c7e9713d 100644
--- a/common/modules/template.jsm
+++ b/common/modules/template.jsm
@@ -465,11 +465,13 @@ var Template = Module("Template", {
         // <e4x>
         return <table>
             { format.headings ?
-                <tr highlight="Title" align="left">
-                {
-                    this.map(format.headings, function (h) <th>{h}</th>)
-                }
-                </tr> : ""
+                <thead highlight="UsageHead">
+                    <tr highlight="Title" align="left">
+                    {
+                        this.map(format.headings, function (h) <th>{h}</th>)
+                    }
+                    </tr>
+                </thead> : ""
             }
             { format.columns ?
                 <colgroup>
@@ -478,9 +480,9 @@ var Template = Module("Template", {
                 }
                 </colgroup> : ""
             }
-            {
+            <tbody highlight="UsageBody">{
                 this.map(iter, function (item)
-                <tr>
+                <tr highlight="UsageItem">
                     <td style="padding-right: 2em;">
                         <span highlight="Usage Link">{
                             let (name = item.name || item.names[0], frame = item.definedAt)
@@ -492,8 +494,8 @@ var Template = Module("Template", {
                     { item.columns ? template.map(item.columns, function (c) <td>{c}</td>) : "" }
                     <td>{desc(item)}</td>
                 </tr>)
-            }
-            </table>;
+            }</tbody>
+        </table>;
         // </e4x>
     }
 });