diff --git a/sidebars.js b/sidebars.js
index 4113ce99381..30aa984836f 100644
--- a/sidebars.js
+++ b/sidebars.js
@@ -488,6 +488,7 @@ const sidebars = {
     {
       type: 'category',
       label: 'PlayCanvas Web Components',
+      className: 'sidebar-item-nowrap',
       link: {
         type: 'doc',
         id: 'user-manual/web-components/index',
diff --git a/src/css/custom.scss b/src/css/custom.scss
index 91c87d8174a..05deecbccb7 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -315,3 +315,8 @@ html[data-theme='dark'] .navbar--github-link:before {
 [data-theme='dark'] .sidebar-section-header {
   color: var(--ifm-color-emphasis-1000);
 }
+
+/* Keep long sidebar labels on a single line regardless of OS/browser font metrics */
+.sidebar-item-nowrap > .menu__list-item-collapsible > .menu__link {
+  white-space: nowrap;
+}