diff --git a/packages/ui/src/scroll-area.tsx b/packages/ui/src/scroll-area.tsx
index 0f6cc33c6..435ecf491 100644
--- a/packages/ui/src/scroll-area.tsx
+++ b/packages/ui/src/scroll-area.tsx
@@ -35,7 +35,7 @@ export const ScrollArea: FC<TScrollAreaProps> = (props) => {
       <RadixScrollArea.Viewport className="size-full">{children}</RadixScrollArea.Viewport>
       <RadixScrollArea.Scrollbar
         className={cn(
-          "group/track flex touch-none select-none bg-transparent transition-colors duration-[160ms] ease-out",
+          "group/track flex touch-none select-none bg-transparent transition-colors duration-150 ease-out",
           sizeStyles[size]
         )}
         orientation="vertical"
@@ -49,7 +49,7 @@ export const ScrollArea: FC<TScrollAreaProps> = (props) => {
       </RadixScrollArea.Scrollbar>
       <RadixScrollArea.Scrollbar
         className={cn(
-          "group/track flex touch-none select-none bg-transparent transition-colors duration-[160ms] ease-out",
+          "group/track flex touch-none select-none bg-transparent transition-colors duration-150 ease-out",
           sizeStyles[size]
         )}
         orientation="horizontal"