diff --git a/apps/app/pages/sign-up.vue b/apps/app/pages/sign-up.vue
index 6c47fd9..e9cb7a3 100644
--- a/apps/app/pages/sign-up.vue
+++ b/apps/app/pages/sign-up.vue
@@ -85,11 +85,12 @@ async function clerkOAuth(strategy) {
         @click="clerkOAuth('oauth_google')"
       />
     </div>
-    <MForm>
+    <MForm @submit="createAccount()">
       <MTextField
         class="mb-4"
         label="Email"
         type="email"
+        required
         v-model="email"
         :rules="['email']"
       />
@@ -98,6 +99,7 @@ async function clerkOAuth(strategy) {
         label="Senha"
         type="password"
         v-model="password"
+        required
         :rules="['password']"
       />
       <MButton
@@ -105,7 +107,7 @@ async function clerkOAuth(strategy) {
         class="mb-4 w-full"
         text="Criar conta"
         icon-right="arrow-right"
-        @click="createAccount()"
+        type="submit"
         :loading="loading"
       />
     </MForm>
diff --git a/apps/app/stores/clerk/signUp.ts b/apps/app/stores/clerk/signUp.ts
index bbf13ee..f5f0236 100644
--- a/apps/app/stores/clerk/signUp.ts
+++ b/apps/app/stores/clerk/signUp.ts
@@ -9,8 +9,8 @@ export const useSignUpStore = defineStore("signUp", {
       emailAddress,
       password,
     }: {
-      emailAddress: string;
-      password: string;
+      emailAddress: string | null;
+      password: string | null;
     }) {
       this.signUp = await this.$clerk.client.signUp.create({
         emailAddress,