diff --git a/apps/web/src/app/(signing)/sign/[token]/text-field.tsx b/apps/web/src/app/(signing)/sign/[token]/text-field.tsx
index 11bb11342..0b91fa283 100644
--- a/apps/web/src/app/(signing)/sign/[token]/text-field.tsx
+++ b/apps/web/src/app/(signing)/sign/[token]/text-field.tsx
@@ -11,8 +11,8 @@ import type { FieldWithSignature } from '@documenso/prisma/types/field-with-sign
 import { trpc } from '@documenso/trpc/react';
 import { Button } from '@documenso/ui/primitives/button';
 import { Dialog, DialogContent, DialogFooter, DialogTitle } from '@documenso/ui/primitives/dialog';
+import { Input } from '@documenso/ui/primitives/input';
 import { Label } from '@documenso/ui/primitives/label';
-import { Textarea } from '@documenso/ui/primitives/textarea';
 import { useToast } from '@documenso/ui/primitives/use-toast';
 
 import { SigningFieldContainer } from './signing-field-container';
@@ -118,21 +118,21 @@ export const TextField = ({ field, recipient }: TextFieldProps) => {
       <Dialog open={showCustomTextModal} onOpenChange={setShowCustomTextModal}>
         <DialogContent>
           <DialogTitle>
-            Enter a Text <span className="text-muted-foreground">({recipient.email})</span>
+            Enter your Text <span className="text-muted-foreground">({recipient.email})</span>
           </DialogTitle>
 
           <div className="">
             <Label htmlFor="custom-text">Custom Text</Label>
 
-            <Textarea
+            <Input
               id="custom-text"
-              className="border-border mt-2 h-44 w-full rounded-md border"
+              className="border-border mt-2 w-full rounded-md border"
               onChange={(e) => setLocalCustomText(e.target.value)}
             />
           </div>
 
           <DialogFooter>
-            <div className="flex w-full flex-1 flex-nowrap gap-4">
+            <div className="mt-4 flex w-full flex-1 flex-nowrap gap-4">
               <Button
                 type="button"
                 className="dark:bg-muted dark:hover:bg-muted/80 flex-1  bg-black/5 hover:bg-black/10"
diff --git a/packages/ui/primitives/document-flow/add-signature.tsx b/packages/ui/primitives/document-flow/add-signature.tsx
index a90b46917..f1ebc885e 100644
--- a/packages/ui/primitives/document-flow/add-signature.tsx
+++ b/packages/ui/primitives/document-flow/add-signature.tsx
@@ -23,7 +23,6 @@ import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '
 import { Input } from '../input';
 import { SignaturePad } from '../signature-pad';
 import { useStep } from '../stepper';
-import { Textarea } from '../textarea';
 import type { TAddSignatureFormSchema } from './add-signature.types';
 import { ZAddSignatureFormSchema } from './add-signature.types';
 import {
@@ -333,8 +332,8 @@ export const AddSignatureFormPartial = ({
                     <FormItem>
                       <FormLabel required={requireCustomText}>Custom Text</FormLabel>
                       <FormControl>
-                        <Textarea
-                          className="bg-background h-44"
+                        <Input
+                          className="bg-background"
                           {...field}
                           onChange={(value) => {
                             onFormValueChange(FieldType.TEXT);