diff --git a/nuxt/components/Breadcrumbs.vue b/nuxt/components/Breadcrumbs.vue
index 9a7657b3bd..7df0298206 100644
--- a/nuxt/components/Breadcrumbs.vue
+++ b/nuxt/components/Breadcrumbs.vue
@@ -27,10 +27,11 @@ const displayItems = computed(() => props.items.map((item, index) => ({
 </script>
 
 <template>
+  <!-- No `capitalize`: every crumb is an authored page title, so capitalising each word only
+       mangles them, the same way it did in the sidebar. -->
   <UBreadcrumb
     :items="displayItems"
     color="neutral"
-    class="capitalize"
     :ui="{ link: 'text-sm' }"
   >
     <template #separator>
diff --git a/src/css/style.handbook.css b/src/css/style.handbook.css
index 7eeccf43cf..97564a9741 100644
--- a/src/css/style.handbook.css
+++ b/src/css/style.handbook.css
@@ -7,9 +7,13 @@
     @apply flex flex-col-reverse lg:grid lg:max-w-screen-xl 2xl:max-w-[1920px] 2xl:grid-cols-[300px,minmax(0,1fr),270px];
 }
 
+/* No text-transform here: labels render as the docs authors wrote them. Capitalising every
+   word made a section named after its directory look like a word ("install" -> "Install"),
+   which is no longer how any label is produced, and it mangled the rest: "Upgrading the
+   Node-RED version" became "Upgrading The Node-RED Version", and Bosch Rexroth's ctrlX
+   became CtrlX. 42 of the sidebar's 117 labels were altered this way. */
 .handbook-nav {
     border-right: 1px solid right;
-    text-transform: capitalize;
     --nav-weight: 500;
     --nav-color: var(--color-gray-700);
     --nav-bg: transparent;