diff --git a/src/components/sidebar/dynamicNav.tsx b/src/components/sidebar/dynamicNav.tsx
index 8f0a2841d5a7f..e1e7f7e86c3fd 100644
--- a/src/components/sidebar/dynamicNav.tsx
+++ b/src/components/sidebar/dynamicNav.tsx
@@ -5,7 +5,7 @@ import {sortPages} from 'sentry-docs/utils';
 import {getUnversionedPath, VERSION_INDICATOR} from 'sentry-docs/versioning';
 
 import {CollapsibleSidebarLink} from './collapsibleSidebarLink';
-import {SidebarLink} from './sidebarLink';
+import {SidebarLink, SidebarSeparator} from './sidebarLink';
 
 type Node = {
   [key: string]: any;
@@ -13,6 +13,7 @@ type Node = {
     [key: string]: any;
     beta?: boolean;
     new?: boolean;
+    section_end_divider?: boolean;
     sidebar_hidden?: boolean;
     sidebar_order?: number;
     sidebar_title?: string;
@@ -98,6 +99,11 @@ export const renderChildren = (
         {renderChildren(nodeChildren, exclude, path, showDepth, depth + 1)}
       </CollapsibleSidebarLink>
     );
+
+    // Add separator after this item if section_end_divider is true
+    if (node.context.section_end_divider && depth === 0) {
+      result.push(<SidebarSeparator key={`separator-${node.path}`} />);
+    }
   });
 
   return result;
diff --git a/src/components/sidebar/platformSidebar.tsx b/src/components/sidebar/platformSidebar.tsx
index ebbe1694ec378..18fea14bf2789 100644
--- a/src/components/sidebar/platformSidebar.tsx
+++ b/src/components/sidebar/platformSidebar.tsx
@@ -24,6 +24,7 @@ export function PlatformSidebar({
         sidebar_hidden: n.frontmatter.sidebar_hidden,
         beta: n.frontmatter.beta,
         new: n.frontmatter.new,
+        section_end_divider: n.frontmatter.section_end_divider,
       },
       path: '/' + n.path + '/',
     };
diff --git a/src/components/sidebar/sidebarLink.tsx b/src/components/sidebar/sidebarLink.tsx
index e5de1be487543..0ecd33382f58c 100644
--- a/src/components/sidebar/sidebarLink.tsx
+++ b/src/components/sidebar/sidebarLink.tsx
@@ -48,5 +48,5 @@ export function SidebarLink({
 }
 
 export function SidebarSeparator() {
-  return <hr className={styles['sidebar-separator']} />;
+  return <hr className={`${styles['sidebar-separator']} mt-3 mb-3`} />;
 }
diff --git a/src/components/sidebar/style.module.scss b/src/components/sidebar/style.module.scss
index 91c1894602782..38ecb43258964 100644
--- a/src/components/sidebar/style.module.scss
+++ b/src/components/sidebar/style.module.scss
@@ -205,7 +205,5 @@
 }
 
 .sidebar-separator {
-  margin: 1rem 0;
-  border: none;
-  border-top: 1px solid var(--border-color);
+  border-top: 2px solid var(--gray-6);
 }