diff --git a/src/app/page.tsx b/src/app/page.tsx
index e4ada34..c35d92c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@ import { ChangeEvent, useState } from 'react';
 import { Card, CardHeader, CardBody } from '@nextui-org/card';
 import { Button, Spacer } from '@nextui-org/react';
 import { IconArrowUp, IconTrash } from '@tabler/icons-react';
-import { TextArea } from '@/components/Textearea';
+import { Textarea } from '@nextui-org/input';
 
 export default function Page() {
   const [response, setResponse] = useState('');
@@ -11,7 +11,7 @@ export default function Page() {
   const [input, setInput] = useState('');
   const [error, setError] = useState('');
 
-  const handleInputChange = (event: ChangeEvent<HTMLTextAreaElement>) => {
+  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {
     setInput(event.target.value);
   };
 
@@ -51,7 +51,7 @@ export default function Page() {
           {response && <p>{response}</p>}
         </CardBody>
         <div className="flex bg-gray-200 flex-grow items-center p-2 overflow-scroll">
-          <TextArea
+          <Textarea
             onChange={handleInputChange}
             type="text"
             placeholder="Type your question..."
diff --git a/src/components/Textearea.tsx b/src/components/Textearea.tsx
deleted file mode 100644
index 6d14d97..0000000
--- a/src/components/Textearea.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { extendVariants } from '@nextui-org/react';
-
-const TextArea = ({ ...props }) => {
-  return (
-    <ExtendedTextarea
-      className={'mb-2'}
-      radius="xs"
-      labelPlacement="outside"
-      {...props}
-    />
-  );
-};
-const ExtendedTextarea = extendVariants(TextArea, {
-  variants: {
-    radius: {
-      xs: {
-        inputWrapper: ['bg-content6', 'rounded', 'shadow-none']
-      }
-    },
-    textSize: {
-      base: {
-        input: 'text-base'
-      },
-      large: {
-        input: 'text-2xl'
-      }
-    }
-  }
-});
-export { TextArea };