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>
 				);
 			}