diff --git a/docs/config.ts b/docs/config.ts
index f61dddd..0fbaafa 100644
--- a/docs/config.ts
+++ b/docs/config.ts
@@ -4,28 +4,33 @@ export interface Docs {
 
 export interface SidebarItem {
   text: string;
-  header?: boolean;
-  link?: string;
+  items: SidebarItem[] & {
+    link: string;
+  }[]
 }
 
 export const docs: Docs = {
   sidebar: [
-    { text: "Discord Experiments API", header: true },
     {
-      text: "Introduction",
-      link: "/docs/discord-experiments-api/introduction",
-    },
-    {
-      text: "Experiments",
-      link: "/docs/discord-experiments-api/experiments",
-    },
-    {
-      text: "Eligible",
-      link: "/docs/discord-experiments-api/eligible",
-    },
-    {
-      text: "Stats",
-      link: "/docs/discord-experiments-api/stats",
+      text: "Discord Experiments API",
+      items: [
+        {
+          text: "Introduction",
+          link: "/docs/discord-experiments-api/introduction",
+        },
+        {
+          text: "Experiments",
+          link: "/docs/discord-experiments-api/experiments",
+        },
+        {
+          text: "Eligible",
+          link: "/docs/discord-experiments-api/eligible",
+        },
+        {
+          text: "Stats",
+          link: "/docs/discord-experiments-api/stats",
+        },
+      ],
     },
   ],
 };
diff --git a/src/components/widgets/docs/LeftSidebar.astro b/src/components/widgets/docs/LeftSidebar.astro
index 356d1a7..cd5aadf 100644
--- a/src/components/widgets/docs/LeftSidebar.astro
+++ b/src/components/widgets/docs/LeftSidebar.astro
@@ -42,17 +42,20 @@ const getLinkClasses = (link: SidebarItem) => {
     aria-labelledby="grid-left"
     class="bg-dark-r w-64 -translate-x-full p-4 transition-transform duration-200 md:visible md:translate-x-0 md:bg-transparent"
   >
-    <ul class="border-l border-dark-300">
+    <ul>
       {
-        docs.sidebar.map((item) =>
-          item.header ? (
-            <li class="mt-4 pl-4 font-semibold text-white">{item.text}</li>
-          ) : (
-            <li class={getLinkClasses(item)}>
-              <a href={item.link}>{item.text}</a>
-            </li>
-          )
-        )
+        docs.sidebar.map(({ text, items }) => (
+          <>
+            <li class="mt-4 font-semibold text-white">{text}</li>
+            <ul class="border-l border-dark-300">
+              {items.map((item) => (
+                <li class={getLinkClasses(item)}>
+                  <a href={item.link}>{item.text}</a>
+                </li>
+              ))}
+            </ul>
+          </>
+        ))
       }
     </ul>
   </nav>