diff --git a/website/versioned_sidebars/version-27.4-sidebars.json b/website/versioned_sidebars/version-27.4-sidebars.json
index d40f62713a60..9826d876ab5b 100644
--- a/website/versioned_sidebars/version-27.4-sidebars.json
+++ b/website/versioned_sidebars/version-27.4-sidebars.json
@@ -1,47 +1,170 @@
 {
-  "docs": {
-    "Introduction": [
-      "getting-started",
-      "using-matchers",
-      "asynchronous",
-      "setup-teardown",
-      "mock-functions",
-      "jest-platform",
-      "jest-community",
-      "more-resources"
-    ],
-    "Guides": [
-      "snapshot-testing",
-      "tutorial-async",
-      "timer-mocks",
-      "manual-mocks",
-      "es6-class-mocks",
-      "bypassing-module-mocks",
-      "ecmascript-modules",
-      "webpack",
-      "puppeteer",
-      "mongodb",
-      "dynamodb",
-      "tutorial-jquery",
-      "watch-plugins",
-      "migration-guide",
-      "troubleshooting",
-      "architecture"
-    ],
-    "Framework Guides": [
-      "tutorial-react",
-      "tutorial-react-native",
-      "testing-frameworks"
-    ]
-  },
-  "api": [
-    "api",
-    "expect",
-    "mock-function-api",
-    "jest-object",
-    "configuration",
-    "cli",
-    "environment-variables",
-    "code-transformation"
+  "version-27.4/docs": [
+    {
+      "type": "category",
+      "collapsed": true,
+      "collapsible": true,
+      "label": "Introduction",
+      "items": [
+        {
+          "type": "doc",
+          "id": "version-27.4/getting-started"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/using-matchers"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/asynchronous"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/setup-teardown"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/mock-functions"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/jest-platform"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/jest-community"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/more-resources"
+        }
+      ]
+    },
+    {
+      "type": "category",
+      "collapsed": true,
+      "collapsible": true,
+      "label": "Guides",
+      "items": [
+        {
+          "type": "doc",
+          "id": "version-27.4/snapshot-testing"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/tutorial-async"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/timer-mocks"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/manual-mocks"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/es6-class-mocks"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/bypassing-module-mocks"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/ecmascript-modules"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/webpack"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/puppeteer"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/mongodb"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/dynamodb"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/tutorial-jquery"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/watch-plugins"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/migration-guide"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/troubleshooting"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/architecture"
+        }
+      ]
+    },
+    {
+      "type": "category",
+      "collapsed": true,
+      "collapsible": true,
+      "label": "Framework Guides",
+      "items": [
+        {
+          "type": "doc",
+          "id": "version-27.4/tutorial-react"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/tutorial-react-native"
+        },
+        {
+          "type": "doc",
+          "id": "version-27.4/testing-frameworks"
+        }
+      ]
+    }
+  ],
+  "version-27.4/api": [
+    {
+      "type": "doc",
+      "id": "version-27.4/api"
+    },
+    {
+      "type": "doc",
+      "id": "version-27.4/expect"
+    },
+    {
+      "type": "doc",
+      "id": "version-27.4/mock-function-api"
+    },
+    {
+      "type": "doc",
+      "id": "version-27.4/jest-object"
+    },
+    {
+      "type": "doc",
+      "id": "version-27.4/configuration"
+    },
+    {
+      "type": "doc",
+      "id": "version-27.4/cli"
+    },
+    {
+      "type": "doc",
+      "id": "version-27.4/environment-variables"
+    },
+    {
+      "type": "doc",
+      "id": "version-27.4/code-transformation"
+    }
   ]
 }