diff --git a/frontend/components/main.js b/frontend/components/main.js
index 39243808eaa7b4ca831599e59e26bfb0fbd1b0be..3ecab51ab0bed1573156cb26dbaba7bc1e77d1b6 100644
--- a/frontend/components/main.js
+++ b/frontend/components/main.js
@@ -17,7 +17,11 @@ import DonateBox from './donate'
 import MarkupModal from './markup-modal'
 import Usage from './usage'
 import Footer from './footer'
-import { CategoryHeadings, CategoryNav } from './category-headings'
+import {
+  CategoryHeading,
+  CategoryHeadings,
+  CategoryNav,
+} from './category-headings'
 import BadgeExamples from './badge-examples'
 import { BaseFont } from './common'
 
@@ -105,7 +109,7 @@ export default class Main extends React.Component {
 
     return (
       <div key={id}>
-        <CategoryNav categories={categories} />
+        <CategoryHeading category={category} />
         <BadgeExamples
           definitions={definitions}
           onClick={this.handleExampleSelected}
@@ -136,7 +140,12 @@ export default class Main extends React.Component {
       )
         .notDeprecated()
         .toArray()
-      return this.renderCategory(category, definitions)
+      return (
+        <div>
+          <CategoryNav categories={categories} />
+          {this.renderCategory(category, definitions)}
+        </div>
+      )
     } else if (categoryId) {
       return (
         <div>