diff --git a/src/components/forms/forgot-password-form.tsx b/src/components/forms/forgot-password-form.tsx
index 94600f5..362e52d 100644
--- a/src/components/forms/forgot-password-form.tsx
+++ b/src/components/forms/forgot-password-form.tsx
@@ -5,6 +5,7 @@ import { ForgotPasswordInterface } from "../../types"
 import { yupResolver } from "@hookform/resolvers/yup"
 import { forgotPasswordSchema } from "../../schema"
 import { ErrorComponent } from "../common/error"
+import { Button } from "@headlessui/react"
 
 export const ForgotPasswordForm = () => {
     const {
@@ -36,7 +37,7 @@ export const ForgotPasswordForm = () => {
                     )} />
                 </div>
                 <div className="flex flex-col gap-y-[27px] items-center">
-                    <button>دریافت کد تایید</button>
+                    <Button type="submit">دریافت کد تایید</Button>
                     <Link to="/auth/login">
                         <p className="font-medium text-base text-primary-color">بازگشت</p>
                     </Link>