diff --git a/components/Chat/ChatInput.tsx b/components/Chat/ChatInput.tsx
index cb10feb..00b5b4e 100644
--- a/components/Chat/ChatInput.tsx
+++ b/components/Chat/ChatInput.tsx
@@ -56,7 +56,14 @@ export const ChatInput: FC<Props> = ({ onSend, messageIsStreaming }) => {
         <textarea
           ref={textareaRef}
           className="rounded-lg pl-4 pr-8 py-3 w-full focus:outline-none max-h-[280px] dark:bg-[#40414F] dark:border-opacity-50 dark:border-neutral-800 dark:text-neutral-100 border border-neutral-300 shadow text-neutral-900"
-          style={{ resize: "none", bottom: `${textareaRef?.current?.scrollHeight}px` }}
+          style={{
+                        resize: "none", 
+                        bottom: `${textareaRef?.current?.scrollHeight}px`, 
+                        height: 'auto',
+                        minHeight: '100px',
+                        maxHeight: '400px',
+                        overflow: 'auto',
+                    }}
           placeholder="Type a message..."
           value={content}
           rows={1}