diff --git a/doc/_templates/layout.html b/doc/_templates/layout.html
index b6894ee4ef1..277d9bd832a 100644
--- a/doc/_templates/layout.html
+++ b/doc/_templates/layout.html
@@ -8,3 +8,7 @@
   {% endif %}
   {{ super() }}
 {% endblock %}
+{% block menu %}
+  {% include "zversions.html" %}
+  {{ super() }}
+{% endblock %}
diff --git a/doc/_templates/versions.html b/doc/_templates/versions.html
index 2f265d8acc5..0600b2a75af 100644
--- a/doc/_templates/versions.html
+++ b/doc/_templates/versions.html
@@ -1,28 +1 @@
-{# Add rst-badge after rst-versions for small badge style. #}
-  <div class="rst-versions" data-toggle="rst-versions" role="note" aria-label="versions">
-    <span class="rst-current-version" data-toggle="rst-current-version">
-      <span class="fa fa-book"> Zephyr Project</span>
-      v: {{ current_version }}
-      <span class="fa fa-caret-down"></span>
-    </span>
-    <div class="rst-other-versions">
-      <dl>
-        <dt>{{ _('Versions') }}</dt>
-        {% for slug, url in versions %}
-          <dd><a href="{{ url }}">{{ slug }}</a></dd>
-        {% endfor %}
-      </dl>
-      <dl>
-        <dt>{{ _('On zephyrproject.org') }}</dt>
-          <dd>
-            <a href="https://www.zephyrproject.org/">Project Home</a>
-          </dd>
-          <dd>
-            <a href="https://www.zephyrproject.org/developers/#downloads">Downloads</a>
-          </dd>
-          <dd>
-            <a href="https://github.com/zephyrproject-rtos/zephyr/releases">Releases</a>
-          </dd>
-      </dl>
-    </div>
-  </div>
+{# remove from this spot#}
diff --git a/doc/_templates/zversions.html b/doc/_templates/zversions.html
new file mode 100644
index 00000000000..adb2d4a785a
--- /dev/null
+++ b/doc/_templates/zversions.html
@@ -0,0 +1,28 @@
+{# Add rst-badge after rst-versions for small badge style. #}
+  <div class="rst-versions" data-toggle="rst-versions" role="note" aria-label="versions">
+    <span class="rst-current-version" data-toggle="rst-current-version">
+      <span class="fa fa-book"> Zephyr Project</span>
+      v: {{ current_version }}
+      <span class="fa fa-caret-down"></span>
+    </span>
+    <div class="rst-other-versions">
+      <dl>
+        <dt>{{ _('Document Release Versions') }}</dt>
+        {% for slug, url in versions %}
+          <dd><a href="{{ url }}">{{ slug }}</a></dd>
+        {% endfor %}
+      </dl>
+      <dl>
+        <dt>{{ _('zephyrproject.org Links') }}</dt>
+          <dd>
+            <a href="https://www.zephyrproject.org/">Project Home</a>
+          </dd>
+          <dd>
+            <a href="https://www.zephyrproject.org/developers/#downloads">Downloads</a>
+          </dd>
+          <dd>
+            <a href="https://github.com/zephyrproject-rtos/zephyr/releases">Releases</a>
+          </dd>
+      </dl>
+    </div>
+  </div>
diff --git a/doc/static/zephyr-custom.css b/doc/static/zephyr-custom.css
index d4d73500913..e301a250c0d 100644
--- a/doc/static/zephyr-custom.css
+++ b/doc/static/zephyr-custom.css
@@ -23,13 +23,11 @@
 }
 */
 
-/* tweak doc version selection
+/* tweak doc version selection */
 .rst-versions {
-   position: static;
-   border-top: none;
-   padding: 0px;
+   position: static !important;
 }
-*/
+
 
 .rst-versions .rst-current-version {
    padding: 5px;
@@ -135,7 +133,7 @@ th,td {
 }
 
 /* doxygenXX item color tweaks, light blue background with dark blue top border */
-.rst-content dl:not(.docutils) dl dt, dl:not(.docutils) dt {
+.rst-content dl:not(.docutils) dl dt, dl:not(.docutils,.rst-other-versions) dt {
   background: #e7f2fa !important;
   border-top: none !important;
   border-left: none !important; */