diff --git a/docs/.overrides/api_reference.html b/docs/.overrides/api_reference.html
new file mode 100644
index 00000000..b8ef2191
--- /dev/null
+++ b/docs/.overrides/api_reference.html
@@ -0,0 +1,20 @@
+{% extends "main.html" %}
+
+{% block htmltitle %}
+    {% if page.meta and page.meta.title %}
+        <title>{{ page.meta.title }}</title>
+    {% elif page.title and not page.is_homepage %}
+        <title>{{ page.title | striptags }}</title>
+    {% else %}
+        <title>{{ config.site_name }}</title>
+    {% endif %}
+{% endblock %}
+
+{% block content %}
+    {% include "partials/api_ref_content.html" %}
+{% endblock %}
+
+{% block extrahead %}
+    <style>.md-content__button {display:none !important}; </style>
+    <style>.md-header__topic {font-weight:700 !important}</style>
+{% endblock %}
diff --git a/docs/.overrides/partials/api_ref_content.html b/docs/.overrides/partials/api_ref_content.html
new file mode 100644
index 00000000..dd3eb3f7
--- /dev/null
+++ b/docs/.overrides/partials/api_ref_content.html
@@ -0,0 +1,11 @@
+{% if "material/tags" in config.plugins and tags %}
+  {% include "partials/tags.html" %}
+{% endif %}
+{% include "partials/actions.html" %}
+{% if "\x3ch1" not in page.content %}
+  <!--h1>{{ page.title | d(config.site_name, true)}}</h1-->
+{% endif %}
+{{ page.content }}
+{% include "partials/source-file.html" %}
+{% include "partials/feedback.html" %}
+{% include "partials/comments.html" %}
diff --git a/docs/api_reference.md b/docs/api_reference.md
index b76643fc..7871cb47 100644
--- a/docs/api_reference.md
+++ b/docs/api_reference.md
@@ -1,15 +1,11 @@
 ---
+title: API Reference - mp-units
+template: api_reference.html
 hide:
   - navigation
   - toc
 ---
 
-<style>
-  .md-content .md-typeset h1 {
-      display: none;
-  }
-</style>
-
 <script src="../javascripts/jquery.min.js"></script>
 <script src="../javascripts/iframeResizer.min.js"></script>