diff --git a/src/app/api/graphql/api-docs/page.tsx b/src/app/api/graphql/api-docs/page.tsx
index 3a78dc47a..0a876c995 100644
--- a/src/app/api/graphql/api-docs/page.tsx
+++ b/src/app/api/graphql/api-docs/page.tsx
@@ -15,7 +15,8 @@ const PostLayout = () => {
                 <div id="page" className="drawer-layout">
                   <div id="sidebar">
                     <div className="sidebar-top-container">
-                      <h3 className="text-sm uppercase">Table of Contents</h3>
+                    <h2 className="font-display text-sm font-medium text-slate-900 dark:text-white">Table of Contents</h2>
+
 
                       {/* <div id="logo"></div>
                       <button className="close-button" type="button">
diff --git a/src/components/Prose.tsx b/src/components/Prose.tsx
index 7cba80a8c..7663a2581 100644
--- a/src/components/Prose.tsx
+++ b/src/components/Prose.tsx
@@ -21,7 +21,7 @@ export function Prose<T extends React.ElementType = 'div'>({
 				// lead
 				'prose-lead:text-slate-500 dark:prose-lead:text-dark-paragraph-text',
 				// links
-				'prose-a:font-semibold prose-a:text-vermilion-00 hover:prose-a-text:[#606060] visited:text-[#4A4A4A] hover:visited:text-[#606060] dark:prose-a:vermilion-11 dark:hover:prose-a:dark-text-secondary dark:visited:text-[#606060] dark:hover:visited:text-[#A9A9A9]',
+				'prose-a:font-semibold prose-a:text-vermilion-00 hover:prose-a-text:[#606060] visited:text-[#4A4A4A] hover:visited:text-[#606060] dark:prose-a:text-vermilion-11 dark:hover:prose-a:text-dark-text-secondary dark:visited:text-[#606060] dark:hover:visited:text-[#A9A9A9]',
 				// link underline
 				'prose-a:underline hover:prose-a:text-[#606060] hover:prose-a:underline dark:prose-a:underline dark:hover:prose-a:underline',
 				// pre
@@ -35,7 +35,19 @@ export function Prose<T extends React.ElementType = 'div'>({
 				// Inline code block
 				'prose-code:before:content-none prose-code:after:content-none',
 				// Video
-				'prose-video:rounded-xl'
+				'prose-video:rounded-xl',
+
+				// Specific styles for the API docs navigation
+        // Remove bullets from all nav items
+        '[&_#nav_ul]:list-none [&_#nav_ul]:pl-0 [&_#nav_ul]:ml-0',
+        
+        // Style all nav links
+        '[&_#nav_a]:font-normal [&_#nav_a]:text-slate-500 hover:[&_#nav_a]:text-slate-700 dark:[&_#nav_a]:text-dark-text-secondary dark:hover:[&_#nav_a]:text-slate-300',
+        '[&_#nav_a]:no-underline hover:[&_#nav_a]:underline dark:hover:[&_#nav_a]:underline',
+        
+        // Specific style for h5.nav-group-section-title links (to match TOC h3)
+        '[&_#nav_h5.nav-group-section-title_a]:font-normal [&_#nav_h5.nav-group-section-title_a]:text-slate-500 hover:[&_#nav_h5.nav-group-section-title_a]:text-slate-700 dark:[&_#nav_h5.nav-group-section-title_a]:text-dark-text-secondary dark:hover:[&_#nav_h5.nav-group-section-title_a]:text-slate-300',
+        '[&_#nav_h5.nav-group-section-title_a]:no-underline hover:[&_#nav_h5.nav-group-section-title_a]:underline dark:hover:[&_#nav_h5.nav-group-section-title_a]:underline',
 			)}
 			{...props}
 		/>