diff --git a/nuxt/components/Breadcrumbs.vue b/nuxt/components/Breadcrumbs.vue
index cb3680bd62..77d0c7d28f 100644
--- a/nuxt/components/Breadcrumbs.vue
+++ b/nuxt/components/Breadcrumbs.vue
@@ -19,10 +19,11 @@ useSchemaOrg([
 </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="items"
     color="neutral"
-    class="capitalize"
     :ui="{ link: 'text-sm hover:text-indigo-600' }"
   >
     <template #separator>
diff --git a/src/css/style.handbook.css b/src/css/style.handbook.css
index 7f12ee6b15..123d3d37d5 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;