From ea4a1235d2415f992308f8fe98dcdddcbf0fe61c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A9l=20Solano?= <joelsolano@jsolano.de>
Date: Tue, 2 Dec 2025 19:35:05 +0100
Subject: [PATCH] docs: adjust sidebar breakpoint to same as navbar (#6471)

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Bereket Engida <86073083+Bekacru@users.noreply.github.com>
---
 docs/components/docs/docs.tsx | 2 +-
 docs/components/side-bar.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/components/docs/docs.tsx b/docs/components/docs/docs.tsx
index 62ea613da5..0c0e81ef40 100644
--- a/docs/components/docs/docs.tsx
+++ b/docs/components/docs/docs.tsx
@@ -44,7 +44,7 @@ export function DocsLayout({ children, ...props }: DocsLayoutProps): ReactNode {
 				>
 					<div
 						className={cn(
-							"[--fd-tocnav-height:36px] md:mr-[268px] lg:mr-[286px] xl:[--fd-toc-width:286px] xl:[--fd-tocnav-height:0px] ",
+							"[--fd-tocnav-height:36px] navbar:mr-[268px] lg:mr-[286px] xl:[--fd-toc-width:286px] xl:[--fd-tocnav-height:0px] ",
 						)}
 					>
 						<ArticleLayout />
diff --git a/docs/components/side-bar.tsx b/docs/components/side-bar.tsx
index 669c0a89e5..942c369e07 100644
--- a/docs/components/side-bar.tsx
+++ b/docs/components/side-bar.tsx
@@ -38,8 +38,8 @@ export default function ArticleLayout() {
 		<div className={cn("fixed start-0 top-0")}>
 			<aside
 				className={cn(
-					"md:transition-all",
-					"border-r border-lines top-[55px] md:flex hidden md:w-[268px] lg:w-[286px] overflow-y-auto absolute h-[calc(100dvh-55px)] pb-2 flex-col justify-between w-[var(--fd-sidebar-width)]",
+					"navbar:transition-all",
+					"border-r border-lines top-[55px] navbar:flex hidden navbar:w-[268px] lg:w-[286px] overflow-y-auto absolute h-[calc(100dvh-55px)] pb-2 flex-col justify-between w-[var(--fd-sidebar-width)]",
 				)}
 			>
 				<div>