From c48cc74c4bbcc0e69dbbcf5548439cdef1d484f6 Mon Sep 17 00:00:00 2001
From: brynpttrsn <brynpttrsn@yahoo.com>
Date: Tue, 6 May 2025 04:48:05 -0400
Subject: [PATCH] fix: syntaxhighlighter fill scrollbar width (#10887)

Co-authored-by: Bryan P. <bryanp.@iMac.lan>
---
 apps/website/src/components/DocItem.tsx | 2 +-
 apps/website/src/components/DocNode.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/website/src/components/DocItem.tsx b/apps/website/src/components/DocItem.tsx
index d83ea3411..fcf39938a 100644
--- a/apps/website/src/components/DocItem.tsx
+++ b/apps/website/src/components/DocItem.tsx
@@ -75,7 +75,7 @@ export async function DocItem({
 
 			<Scrollbars className="border-base-neutral-200 dark:border-base-neutral-600 bg-base-neutral-100 dark:bg-base-neutral-900 rounded-sm border">
 				<SyntaxHighlighter
-					className="bg-[#f3f3f4] py-4 text-sm dark:bg-[#121214]"
+					className="w-min bg-[#f3f3f4] py-4 text-sm dark:bg-[#121214]"
 					code={node.sourceExcerpt}
 					lang="typescript"
 				/>
diff --git a/apps/website/src/components/DocNode.tsx b/apps/website/src/components/DocNode.tsx
index 487a0a824..ef792785a 100644
--- a/apps/website/src/components/DocNode.tsx
+++ b/apps/website/src/components/DocNode.tsx
@@ -71,7 +71,11 @@ export async function DocNode({ node, version }: { readonly node?: any; readonly
 						defer
 						key={`${language}-${text}-${idx}`}
 					>
-						<SyntaxHighlighter className="bg-[#f3f3f4] py-4 text-sm dark:bg-[#121214]" code={text} lang={language} />
+						<SyntaxHighlighter
+							className="w-min bg-[#f3f3f4] py-4 text-sm dark:bg-[#121214]"
+							code={text}
+							lang={language}
+						/>
 					</Scrollbars>
 				);
 			}