diff --git a/.changeset/three-shoes-talk.md b/.changeset/three-shoes-talk.md
new file mode 100644
index 000000000..8506a5880
--- /dev/null
+++ b/.changeset/three-shoes-talk.md
@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Fix table of contents being visible on mobile when disabled at the page level
diff --git a/packages/gitbook/src/components/Header/HeaderMobileMenu.tsx b/packages/gitbook/src/components/Header/HeaderMobileMenu.tsx
index f17fa0822..d03e83392 100644
--- a/packages/gitbook/src/components/Header/HeaderMobileMenu.tsx
+++ b/packages/gitbook/src/components/Header/HeaderMobileMenu.tsx
@@ -63,6 +63,7 @@ export function HeaderMobileMenu(props: Partial<React.ButtonHTMLAttributes<HTMLB
                 'dark:hover:bg-light/2',
                 'rounded',
                 'straight-corners:rounded-sm',
+                'page-no-toc:hidden',
                 props.className,
             )}
         >
diff --git a/packages/gitbook/src/components/TableOfContents/TableOfContents.tsx b/packages/gitbook/src/components/TableOfContents/TableOfContents.tsx
index aff93bbb7..4fec88bac 100644
--- a/packages/gitbook/src/components/TableOfContents/TableOfContents.tsx
+++ b/packages/gitbook/src/components/TableOfContents/TableOfContents.tsx
@@ -51,7 +51,7 @@ export function TableOfContents(props: {
                 'dark:navigation-open:shadow-light/2',
                 withHeaderOffset ? 'lg:h-[calc(100vh_-_4rem)]' : 'lg:h-[100vh]',
                 withHeaderOffset ? 'lg:top-16' : 'lg:top-0',
-                'page-no-toc:lg:hidden',
+                'page-no-toc:hidden',
             )}
         >
             {header ? header : null}