diff --git a/src/sidebarHome.json b/src/sidebarHome.json
index 315f4a94..4509c26f 100644
--- a/src/sidebarHome.json
+++ b/src/sidebarHome.json
@@ -6,14 +6,14 @@
       "hasSectionHeader": true,
       "sectionHeader": "GET STARTED"
     },
-    {
-      "title": "Installation",
-      "path": "/learn/installation"
-    },
     {
       "title": "Quick Start",
       "path": "/learn"
     },
+    {
+      "title": "Installation",
+      "path": "/learn/installation"
+    },
     {
       "hasSectionHeader": true,
       "sectionHeader": "LEARN REACT"
@@ -38,14 +38,14 @@
       "hasSectionHeader": true,
       "sectionHeader": "REACT API"
     },
-    {
-      "title": "Components",
-      "path": "/reference/react/components"
-    },
     {
       "title": "Hooks",
       "path": "/reference/react"
     },
+    {
+      "title": "Components",
+      "path": "/reference/react/components"
+    },
     {
       "title": "APIs",
       "path": "/reference/react/apis"
diff --git a/src/sidebarLearn.json b/src/sidebarLearn.json
index 02fb0c85..89d5cffc 100644
--- a/src/sidebarLearn.json
+++ b/src/sidebarLearn.json
@@ -6,6 +6,20 @@
       "hasSectionHeader": true,
       "sectionHeader": "GET STARTED"
     },
+    {
+      "title": "Quick Start",
+      "path": "/learn",
+      "routes": [
+        {
+          "title": "Tutorial: Tic-Tac-Toe",
+          "path": "/learn/tutorial-tic-tac-toe"
+        },
+        {
+          "title": "Thinking in React",
+          "path": "/learn/thinking-in-react"
+        }
+      ]
+    },
     {
       "title": "Installation",
       "path": "/learn/installation",
@@ -28,20 +42,6 @@
         }
       ]
     },
-    {
-      "title": "Quick Start",
-      "path": "/learn",
-      "routes": [
-        {
-          "title": "Tutorial: Tic-Tac-Toe",
-          "path": "/learn/tutorial-tic-tac-toe"
-        },
-        {
-          "title": "Thinking in React",
-          "path": "/learn/thinking-in-react"
-        }
-      ]
-    },
     {
       "hasSectionHeader": true,
       "sectionHeader": "LEARN REACT"
diff --git a/src/sidebarReference.json b/src/sidebarReference.json
index aaab4a26..f009cca0 100644
--- a/src/sidebarReference.json
+++ b/src/sidebarReference.json
@@ -6,28 +6,6 @@
       "hasSectionHeader": true,
       "sectionHeader": "react@18.2.0"
     },
-    {
-      "title": "Components",
-      "path": "/reference/react/components",
-      "routes": [
-        {
-          "title": "<Fragment> (<>)",
-          "path": "/reference/react/Fragment"
-        },
-        {
-          "title": "<Profiler>",
-          "path": "/reference/react/Profiler"
-        },
-        {
-          "title": "<StrictMode>",
-          "path": "/reference/react/StrictMode"
-        },
-        {
-          "title": "<Suspense>",
-          "path": "/reference/react/Suspense"
-        }
-      ]
-    },
     {
       "title": "Hooks",
       "path": "/reference/react",
@@ -94,6 +72,28 @@
         }
       ]
     },
+    {
+      "title": "Components",
+      "path": "/reference/react/components",
+      "routes": [
+        {
+          "title": "<Fragment> (<>)",
+          "path": "/reference/react/Fragment"
+        },
+        {
+          "title": "<Profiler>",
+          "path": "/reference/react/Profiler"
+        },
+        {
+          "title": "<StrictMode>",
+          "path": "/reference/react/StrictMode"
+        },
+        {
+          "title": "<Suspense>",
+          "path": "/reference/react/Suspense"
+        }
+      ]
+    },
     {
       "title": "APIs",
       "path": "/reference/react/apis",