From 84126faa0a4e51bdd28319624b401dcd6c4c6627 Mon Sep 17 00:00:00 2001
From: Marouane Souda <61951643+marsou001@users.noreply.github.com>
Date: Tue, 4 Nov 2025 18:24:45 +0100
Subject: [PATCH] fix: tailwind xl breakpoint mismatch (#39814)

* fix: tailwind xl breakpoint mismatch

* fix: use lg breakpoint for ContributingToC

---------

Co-authored-by: Ali Waseem <waseema393@gmail.com>
---
 apps/docs/app/contributing/ContributingToC.tsx | 2 +-
 packages/common/hooks/useBreakpoint.tsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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,
 }