diff --git a/apps/web/pages/documents/[id]/recipients.tsx b/apps/web/pages/documents/[id]/recipients.tsx
index 38ef2c329..4164e4367 100644
--- a/apps/web/pages/documents/[id]/recipients.tsx
+++ b/apps/web/pages/documents/[id]/recipients.tsx
@@ -22,7 +22,7 @@ import { createOrUpdateRecipient, deleteRecipient, sendSigningRequests } from "@
 
 import { FormProvider, useFieldArray, useForm, useWatch } from "react-hook-form";
 
-type FormValues = {
+export type FormValues = {
   signers: { id: number; email: string; name: string }[];
 };
 
diff --git a/packages/ui/components/dialog/Dialog.tsx b/packages/ui/components/dialog/Dialog.tsx
index e2625d036..5490cfa02 100644
--- a/packages/ui/components/dialog/Dialog.tsx
+++ b/packages/ui/components/dialog/Dialog.tsx
@@ -3,8 +3,33 @@ import { Transition, Dialog as DialogComponent } from "@headlessui/react";
 import { Fragment } from "react";
 import { Button } from "@documenso/ui";
 import { sendSigningRequests } from "@documenso/lib/api";
+import { Document as PrismaDocument } from "@prisma/client";
 
-export function Dialog({ title, open, setOpen, document, formValues, setLoading, icon }: any) {
+type FormValue = {
+  id: number;
+  email: string;
+  name: string;
+};
+
+type DialogProps = {
+  title: string;
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  document: PrismaDocument;
+  formValues: FormValue[];
+  setLoading: (loading: boolean) => void;
+  icon: React.ReactNode;
+};
+
+export function Dialog({
+  title,
+  open,
+  setOpen,
+  document,
+  formValues,
+  setLoading,
+  icon,
+}: DialogProps) {
   const unsentEmailsLength = formValues.filter(
     (s: any) => s.email && s.sendStatus != "SENT"
   ).length;