diff --git a/src/_includes/layouts/left-nav-core-nodes.njk b/src/_includes/layouts/left-nav-core-nodes.njk
new file mode 100644
index 0000000000..a5cfd593c9
--- /dev/null
+++ b/src/_includes/layouts/left-nav-core-nodes.njk
@@ -0,0 +1,77 @@
+<!-- Navigation -->
+<div class="border-r" data-{{nav}}>
+    <ul class="handbook-nav" data-el="navigation">
+        {% set path = (["node-red/", nav] | join) if nav == "core-nodes" else nav %}
+
+        <li class="core-nodes-nav-group py-1.5 px-0 {% if "/{{ path }}/" === page.url %}active{% endif %}">
+            <a href="/{{ path }}/"><span class="text-red-600 pr-0">{{ nav }}</span></a>
+        </li>
+        {% for group in collections
+        .nav[nav]
+        .groups %}
+        {% if group.children.length > 0 %}
+        <li class="handbook-nav-nested py-1.5"><span class="font-semibold pl-2">{{ group.name }}</span>
+            <button onclick="toggleNavList(this)">
+                <span class="ff-icon icon-expand">
+                    {% include "components/icons/chevron-down.svg" %}
+                </span>
+                <span class="ff-icon icon-minimise">
+                    {% include "components/icons/chevron-up.svg" %}
+                </span>
+            </button>
+        </li>
+        <ul class="handbook-nav-nested">
+            {% for entry in group.children %}
+            <li class="{% if entry.url === page.url %}active{% endif %}">
+                <a href="{{entry.url}}">
+                    {{ entry.name }}
+                </a>
+                {% if entry.children %}
+                <button onclick="toggleNavList(this)">
+                    <span class="ff-icon icon-expand">
+                        {% include "components/icons/chevron-down.svg" %}
+                    </span>
+                    <span class="ff-icon icon-minimise">
+                        {% include "components/icons/chevron-up.svg" %}
+                    </span>
+                </button>
+                {% endif %}
+            </li>
+            {% if entry.children %}
+            <ul class="handbook-nav-nested-2">
+                {% for child in entry.children %}
+                <li class="{% if child.url === page.url %}active{% endif %}">
+                    <a href="{{child.url}}">
+                        {{ child.name }}
+                    </a>
+                    {% if child.children %}
+                    <button onclick="toggleNavList(this)">
+                        <span class="ff-icon icon-expand">
+                            {% include "components/icons/chevron-down.svg" %}
+                        </span>
+                        <span class="ff-icon icon-minimise">
+                            {% include "components/icons/chevron-up.svg" %}
+                        </span>
+                    </button>
+                    {% endif %}
+                </li>
+                {% if child.children %}
+                <ul class="handbook-nav-nested-2">
+                    {% for grandchild in child.children %}
+                    <li class="{% if grandchild.url === page.url %}active{% endif %}">
+                        <a href="{{grandchild.url}}">
+                            {{ grandchild.name }}
+                        </a>
+                    </li>
+                    {% endfor %}
+                </ul>
+                {% endif %}
+                {% endfor %}
+            </ul>
+            {% endif %}
+            {% endfor %}
+        </ul>
+        {% endif %}
+        {% endfor %}
+    </ul>
+</div>
\ No newline at end of file
diff --git a/src/_includes/layouts/node-docs.njk b/src/_includes/layouts/node-docs.njk
index fc5efa2ec2..15b75bf4fc 100644
--- a/src/_includes/layouts/node-docs.njk
+++ b/src/_includes/layouts/node-docs.njk
@@ -3,7 +3,7 @@ layout: nohero
 date: git Last Modified
 ---
 <script>
-    function toggleNavList (el) {
+    function toggleNavList(el) {
         const li = el.parentElement
         li.classList.toggle('open')
         const ul = li.nextElementSibling
@@ -15,12 +15,12 @@ date: git Last Modified
                 ul.parentElement.style.maxHeight = "initial"
             }
             ul.style.maxHeight = ul.scrollHeight + "px";
-        } 
+        }
     }
 </script>
 
 <div class="handbook ff-prose text-left pb-24 md:max-w-screen-xl m-auto">
-    {% include "./left-nav.njk" %}
+    {% include "./left-nav-core-nodes.njk" %}
 
     <div class="max-w-screen-lg mx-auto px-8 pt-8">
         <!-- Breadcrumbs - Desktop -->
@@ -57,11 +57,11 @@ date: git Last Modified
         <!-- Right side bar -->
         <div class="sticky top-6 w-full md:w-64 mt-4 md:mt-6 px-8">
             {%- for maintainer in page | pageOwners | ghUsersToTeamMembers(team) -%}
-                {%- if loop.first -%}
-                    <h3 class="font-medium border-b pb-1 mb-4">Page maintainer</h3>
-                {%- endif -%}
+            {%- if loop.first -%}
+            <h3 class="font-medium border-b pb-1 mb-4">Page maintainer</h3>
+            {%- endif -%}
 
-                {% renderTeamMember maintainer %}
+            {% renderTeamMember maintainer %}
             {%- endfor -%}
             <div class="text-sm pb-1 text-right mb-4"><a href="{{ page | handbookEditLink }}">Edit this page</a></div>
             <div class="text-xs pb-1 text-right mb-4 italic">Updated: {{ page.date | shortDate }}</div>
diff --git a/src/css/style.handbook.css b/src/css/style.handbook.css
index 0c4aab9db8..50210507eb 100644
--- a/src/css/style.handbook.css
+++ b/src/css/style.handbook.css
@@ -80,6 +80,19 @@
         background-color: theme(colors.gray.200);
     }
 
+    /* .handbook-nav li a:active {
+        background-color: theme(colors.gray.200);
+    } */
+
+    .handbook-nav li.core-nodes-nav-group a:hover,
+    .handbook-nav li.core-nodes-nav-group a {
+        color: theme(colors.red.600);
+        text-decoration: none;
+    }
+
+    /* .handbook-nav li.core-nodes-nav-group.active {
+        background-color: theme(colors.gray.100);
+    } */
 
     .handbook li .icon-expand {
         display: block;