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