diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index f4d18e4544c..ceccc8bfbc4 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -101,6 +101,9 @@ const config = {
                 // eslint-disable-next-line no-param-reassign
                 subItem.label = subItem.label.replace(/\//g, "/\u200B");
               }
+              if (args.item.className) {
+                subItem.className = args.item.className;
+              }
             });
             return sidebarItems;
           },
diff --git a/docs/sidebars.js b/docs/sidebars.js
index 03994aabc27..e6e3421d163 100644
--- a/docs/sidebars.js
+++ b/docs/sidebars.js
@@ -29,14 +29,26 @@ module.exports = {
       items: ["installation"],
     },
     {
-      type: "doc",
-      id: "tutorials/index",
+      type: "category",
+      link: {type: 'doc', id: 'tutorials/index'},
       label: "Tutorials",
+      collapsible: false,
+      items: [{
+        type: 'autogenerated',
+        dirName: 'tutorials',
+        className: 'hidden',
+      }],
     },
     {
-      type: "doc",
-      id: "how_to/index",
+      type: "category",
+      link: {type: 'doc', id: 'how_to/index'},
       label: "How-To Guides",
+      collapsible: false,
+      items: [{
+        type: 'autogenerated',
+        dirName: 'how_to',
+        className: 'hidden',
+      }],
     },
     "concepts",
     {