From d8fbea8681cac58afa66792f055d0be496084e53 Mon Sep 17 00:00:00 2001
From: Haileyesus <something@gmail.com>
Date: Thu, 12 Feb 2026 20:59:44 +0300
Subject: [PATCH] refactor(ScrollArea): adjust ref placement and className
 order

---
 src/components/ui/scroll-area.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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',