diff --git a/src/components/SignInForm.tsx b/src/components/SignInForm.tsx
index ab4cf78..02a1c57 100644
--- a/src/components/SignInForm.tsx
+++ b/src/components/SignInForm.tsx
@@ -2,7 +2,6 @@
 
 import { useEffect, useState } from "react";
 
-import { Button } from "@headlessui/react";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { signIn } from "next-auth/react";
 import { useTranslations } from "next-intl";
@@ -14,6 +13,8 @@ import { clearMessage } from "@/components/InfoMessage";
 import InfoMessage from "@/components/InfoMessage";
 import { TextField } from "@/components/form/TextField";
 
+import { Button } from "./Button";
+
 const signInSchema = z.object({
   email: z.string().email(),
 });
@@ -83,7 +84,7 @@ export const SignInForm = ({ callbackPath }: SignInFormProps) => {
 
   return (
     <FormProvider {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
         <TextField
           name="email"
           control={form.control}