diff --git a/src/components/ui/scroll-area.tsx b/src/components/ui/scroll-area.tsx
index e735e35..bb70534 100644
--- a/src/components/ui/scroll-area.tsx
+++ b/src/components/ui/scroll-area.tsx
@@ -6,11 +6,11 @@ export interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {}
 const ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(
   ({ className, children, ...props }, ref) => (
     <div
-      ref={ref}
-      className={cn('relative overflow-hidden', className)}
+      className={cn(className, 'relative overflow-hidden')}
       {...props}
     >
       <div
+        ref={ref}
         className="h-full w-full rounded-[inherit] overflow-auto"
         style={{
           WebkitOverflowScrolling: 'touch',