Fixes

Author: nolannbiron

packages/gitbook/src/components/SpaceLayout/SpaceLayout.tsx

@@ -126,7 +126,9 @@ export function SpaceLayout(props: {
                                     <TOCScrollContent
                                         context={context}
                                         innerHeader={
-                                            !withTopHeader || isMultiVariants ? (
+                                            (!withTopHeader && !!searchAndAI) ||
+                                            (!withTopHeader && withSections && !!sections) ||
+                                            (isMultiVariants && !sections) ? (
                                                 // displays the search button and/or the space dropdown in the ToC according to the header/variant settings. E.g if there is no header, the search button will be displayed in the ToC.
                                                 <>
                                                     {!withTopHeader && searchAndAI}

packages/gitbook/src/components/TableOfContents/TOCScrollContent.tsx

@@ -43,7 +43,7 @@ export async function TOCScrollContent(props: {
             <TOCScrollContainer // The scrollview inside the sidebar
                 className={tcls(
                     'flex flex-grow flex-col p-2',
-                    innerHeader ? 'mt-0 lg:mt-4' : 'mt-8 lg:mt-0',
+                    innerHeader ? 'mt-0 lg:mt-4' : 'mt-11 lg:mt-0',
                     customization.trademark.enabled && 'pb-[4.5rem]',
                     'gutter-stable overflow-y-auto',
                     '[&::-webkit-scrollbar]:bg-transparent',

packages/gitbook/src/components/TableOfContents/TableOfContents.tsx

@@ -103,7 +103,7 @@ export function TableOfContents(props: {
 
                 {open ? (
                     <Button
-                        variant="secondary"
+                        variant="blank"
                         icon="close"
                         iconOnly
                         size="medium"