diff --git a/packages/ui/textarea.tsx b/packages/ui/textarea.tsx
index 142d994..40770ee 100644
--- a/packages/ui/textarea.tsx
+++ b/packages/ui/textarea.tsx
@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
 import { forwardRef } from 'react';
 
 const variants = cva(
-  'focus:ring-0 h-auto hover:border-primary-500 focus:border-primary-500 w-full resize-none rounded-sm border disabled:hover:border-gray-300 border-gray-300 p-2 px-3 text-sm text-gray-900 outline-none transition-all ease-in-out disabled:cursor-not-allowed disabled:text-opacity-30'
+  'focus:ring-0 min-h-[36px] resize-y h-auto hover:border-primary-500 focus:border-primary-500 w-full rounded-sm border disabled:hover:border-gray-300 border-gray-300 p-2 px-3 text-sm text-gray-900 outline-none transition-colors ease-in-out disabled:cursor-not-allowed disabled:text-opacity-30'
 );
 
 export type TextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> &