diff --git a/apps/www/registry/default/ui/scroll-area.tsx b/apps/www/registry/default/ui/scroll-area.tsx
index 2426616498a..cc6c8f50b2e 100644
--- a/apps/www/registry/default/ui/scroll-area.tsx
+++ b/apps/www/registry/default/ui/scroll-area.tsx
@@ -41,10 +41,7 @@ const ScrollBar = React.forwardRef<
     {...props}
   >
     <ScrollAreaPrimitive.ScrollAreaThumb
-      className={cn(
-        "relative rounded-full bg-border",
-        orientation === "vertical" && "flex-1"
-      )}
+      className="relative flex-1 rounded-full bg-border"
     />
   </ScrollAreaPrimitive.ScrollAreaScrollbar>
 ))
diff --git a/apps/www/registry/new-york/ui/scroll-area.tsx b/apps/www/registry/new-york/ui/scroll-area.tsx
index 2426616498a..cc6c8f50b2e 100644
--- a/apps/www/registry/new-york/ui/scroll-area.tsx
+++ b/apps/www/registry/new-york/ui/scroll-area.tsx
@@ -41,10 +41,7 @@ const ScrollBar = React.forwardRef<
     {...props}
   >
     <ScrollAreaPrimitive.ScrollAreaThumb
-      className={cn(
-        "relative rounded-full bg-border",
-        orientation === "vertical" && "flex-1"
-      )}
+      className="relative flex-1 rounded-full bg-border"
     />
   </ScrollAreaPrimitive.ScrollAreaScrollbar>
 ))