diff --git a/apps/docs/app/contributing/ContributingToC.tsx b/apps/docs/app/contributing/ContributingToC.tsx
index a8046833750..12b19d20dfc 100644
--- a/apps/docs/app/contributing/ContributingToC.tsx
+++ b/apps/docs/app/contributing/ContributingToC.tsx
@@ -14,7 +14,7 @@ interface TocItem extends HTMLAttributes<HTMLElement> {
 }
 
 export function ContributingToc({ className }: { className?: string }) {
-  const mobileToc = useBreakpoint('xl')
+  const mobileToc = useBreakpoint('lg')
   const [tocItems, setTocItems] = useState<Array<TocItem>>([])
 
   useEffect(() => {
diff --git a/packages/common/hooks/useBreakpoint.tsx b/packages/common/hooks/useBreakpoint.tsx
index 8bdcb890449..bb52792f4ec 100644
--- a/packages/common/hooks/useBreakpoint.tsx
+++ b/packages/common/hooks/useBreakpoint.tsx
@@ -17,7 +17,7 @@ const twBreakpointMap = {
   sm: 639,
   md: 767,
   lg: 1023,
-  xl: 1027,
+  xl: 1279,
   '2xl': 1535,
 }