From e29686c1d50be0eb3815b71d96a3cd86396a4aef Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 17 Oct 2023 14:19:44 +0200
Subject: [PATCH] add className so colors are applied in syntaxhighlighter

---
 code/ui/components/src/components/ScrollArea/ScrollArea.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/code/ui/components/src/components/ScrollArea/ScrollArea.tsx b/code/ui/components/src/components/ScrollArea/ScrollArea.tsx
index 3bb523dddcda..2604c6cca44b 100644
--- a/code/ui/components/src/components/ScrollArea/ScrollArea.tsx
+++ b/code/ui/components/src/components/ScrollArea/ScrollArea.tsx
@@ -84,8 +84,9 @@ export const ScrollArea: FC<ScrollAreaProps> = ({
   vertical = false,
   offset = 2,
   scrollbarSize = 6,
+  className,
 }) => (
-  <ScrollAreaRoot scrollbarsize={scrollbarSize} offset={offset}>
+  <ScrollAreaRoot scrollbarsize={scrollbarSize} offset={offset} className={className}>
     <ScrollAreaViewport>{children}</ScrollAreaViewport>
     {horizontal && (
       <ScrollAreaScrollbar