diff --git a/apps/web/src/routes/_view/docs/$.tsx b/apps/web/src/routes/_view/docs/$.tsx
index 61f80147ce..f0501e8967 100644
--- a/apps/web/src/routes/_view/docs/$.tsx
+++ b/apps/web/src/routes/_view/docs/$.tsx
@@ -2,7 +2,7 @@ import { createFileRoute, redirect } from "@tanstack/react-router";
 import { allDocs } from "content-collections";
 
 import { DocLayout } from "./-components";
-import { docsStructure } from "./structure";
+import { docsStructure } from "./-structure";
 
 export const Route = createFileRoute("/_view/docs/$")({
   component: Component,
diff --git a/apps/web/src/routes/_view/docs/structure.ts b/apps/web/src/routes/_view/docs/-structure.ts
similarity index 70%
rename from apps/web/src/routes/_view/docs/structure.ts
rename to apps/web/src/routes/_view/docs/-structure.ts
index c49c90a70b..445dc29875 100644
--- a/apps/web/src/routes/_view/docs/structure.ts
+++ b/apps/web/src/routes/_view/docs/-structure.ts
@@ -1,8 +1,9 @@
 export const docsStructure = {
-  sections: ["about", "developers", "pro"],
+  sections: ["about", "developers", "pro", "faq"],
   defaultPages: {
     about: "about/hello-world",
     developers: "developers/analytics",
     pro: "pro/activation",
+    faq: "faq/general",
   } as Record<string, string>,
 };
diff --git a/apps/web/src/routes/_view/docs/route.tsx b/apps/web/src/routes/_view/docs/route.tsx
index 3dc631b0c1..8b9304bbc4 100644
--- a/apps/web/src/routes/_view/docs/route.tsx
+++ b/apps/web/src/routes/_view/docs/route.tsx
@@ -7,7 +7,7 @@ import {
 import { allDocs } from "content-collections";
 import { useMemo } from "react";
 
-import { docsStructure } from "./structure";
+import { docsStructure } from "./-structure";
 
 export const Route = createFileRoute("/_view/docs")({
   component: Component,
@@ -63,11 +63,14 @@ function LeftSidebar() {
 
     const sections = docsStructure.sections
       .map((sectionId) => {
-        const sectionName =
-          sectionId.charAt(0).toUpperCase() + sectionId.slice(1);
-        return sectionGroups[sectionName];
+        return Object.values(sectionGroups).find(
+          (group) => group.title.toLowerCase() === sectionId.toLowerCase(),
+        );
       })
-      .filter(Boolean);
+      .filter(
+        (section): section is NonNullable<typeof section> =>
+          section !== undefined,
+      );
 
     return { sections };
   }, []);
@@ -107,7 +110,7 @@ function DocsNavigation({
                 to="/docs/$"
                 params={{ _splat: doc.slug }}
                 onClick={onLinkClick}
-                className={`block px-3 py-1.5 text-sm rounded-sm transition-colors ${
+                className={`block pl-5 pr-3 py-1.5 text-sm rounded-sm transition-colors ${
                   currentSlug === doc.slug
                     ? "bg-neutral-100 text-stone-600 font-medium"
                     : "text-neutral-600 hover:text-stone-600 hover:bg-neutral-50"
diff --git a/apps/web/src/routes/_view/route.tsx b/apps/web/src/routes/_view/route.tsx
index 71097b6889..8b776f508c 100644
--- a/apps/web/src/routes/_view/route.tsx
+++ b/apps/web/src/routes/_view/route.tsx
@@ -12,7 +12,7 @@ import { Footer } from "@/components/footer";
 import { Header } from "@/components/header";
 import { DocsDrawerContext } from "@/hooks/use-docs-drawer";
 
-import { docsStructure } from "./docs/structure";
+import { docsStructure } from "./docs/-structure";
 
 export const Route = createFileRoute("/_view")({
   component: Component,