diff --git a/packages/ui/app/src/sidebar/Sidebar.tsx b/packages/ui/app/src/sidebar/Sidebar.tsx
index 32688d0010..be91c5c35f 100644
--- a/packages/ui/app/src/sidebar/Sidebar.tsx
+++ b/packages/ui/app/src/sidebar/Sidebar.tsx
@@ -62,7 +62,7 @@ const SidebarInner = memo<SidebarProps>(function SidebarInner({
                 >
                     {tabs.length > 0 && (
                         <ul
-                            className={cn("mt-5 flex list-none flex-col", {
+                            className={cn("mt-5 mb-6 flex list-none flex-col", {
                                 "lg:hidden": layout?.disableHeader !== true && layout?.tabsPlacement === "HEADER",
                             })}
                         >
diff --git a/packages/ui/app/src/sidebar/SidebarApiSection.tsx b/packages/ui/app/src/sidebar/SidebarApiSection.tsx
index 417880dc8c..b854464776 100644
--- a/packages/ui/app/src/sidebar/SidebarApiSection.tsx
+++ b/packages/ui/app/src/sidebar/SidebarApiSection.tsx
@@ -216,6 +216,9 @@ function SidebarApiSlugLink({ item, registerScrolledToPathListener, depth, api }
     };
     return (
         <SidebarSlugLink
+            className={cn({
+                "first:mt-6": depth === 0,
+            })}
             slug={item.slug}
             shallow={shallow}
             title={item.title}