diff --git a/pages/auth/reset-password.tsx b/pages/auth/reset-password.tsx
index 9d5301e..0ea71c0 100644
--- a/pages/auth/reset-password.tsx
+++ b/pages/auth/reset-password.tsx
@@ -1,4 +1,4 @@
-import AccentSubmitButton from "@/components/ui/Button";
+import Button from "@/components/ui/Button";
 import TextInput from "@/components/TextInput";
 import CenteredForm from "@/layouts/CenteredForm";
 import Link from "next/link";
@@ -90,7 +90,7 @@ export default function ResetPassword() {
                   }
                 />
               </div>
-              <AccentSubmitButton
+              <Button
                 type="submit"
                 intent="accent"
                 className="mt-2"
@@ -98,7 +98,7 @@ export default function ResetPassword() {
                 loading={submitLoader}
               >
                 {t("update_password")}
-              </AccentSubmitButton>
+              </Button>
             </>
           ) : (
             <>
diff --git a/pages/forgot.tsx b/pages/forgot.tsx
index 7b01d7a..593b2bb 100644
--- a/pages/forgot.tsx
+++ b/pages/forgot.tsx
@@ -1,4 +1,4 @@
-import AccentSubmitButton from "@/components/ui/Button";
+import Button from "@/components/ui/Button";
 import TextInput from "@/components/TextInput";
 import CenteredForm from "@/layouts/CenteredForm";
 import Link from "next/link";
@@ -86,7 +86,7 @@ export default function Forgot() {
                 />
               </div>
 
-              <AccentSubmitButton
+              <Button
                 type="submit"
                 intent="accent"
                 className="mt-2"
@@ -94,7 +94,7 @@ export default function Forgot() {
                 loading={submitLoader}
               >
                 {t("send_reset_link")}
-              </AccentSubmitButton>
+              </Button>
             </>
           ) : (
             <p>{t("reset_email_sent_desc")}</p>
diff --git a/pages/login.tsx b/pages/login.tsx
index aa77e1b..6694cff 100644
--- a/pages/login.tsx
+++ b/pages/login.tsx
@@ -1,4 +1,4 @@
-import AccentSubmitButton from "@/components/ui/Button";
+import Button from "@/components/ui/Button";
 import TextInput from "@/components/TextInput";
 import CenteredForm from "@/layouts/CenteredForm";
 import { signIn } from "next-auth/react";
@@ -133,7 +133,7 @@ export default function Login({
               </div>
             )}
           </div>
-          <AccentSubmitButton
+          <Button
             type="submit"
             size="full"
             intent="accent"
@@ -141,7 +141,7 @@ export default function Login({
             loading={submitLoader}
           >
             {t("login")}
-          </AccentSubmitButton>
+          </Button>
 
           {availableLogins.buttonAuths.length > 0 ? (
             <div className="divider my-1">{t("or_continue_with")}</div>
@@ -156,7 +156,7 @@ export default function Login({
     availableLogins.buttonAuths.forEach((value: any, index: any) => {
       Buttons.push(
         <React.Fragment key={index}>
-          <AccentSubmitButton
+          <Button
             type="button"
             onClick={() => loginUserButton(value.method)}
             size="full"
@@ -168,7 +168,7 @@ export default function Login({
               <i className={"bi-" + value.name.toLowerCase()}></i>
             ) : undefined}
             {value.name}
-          </AccentSubmitButton>
+          </Button>
         </React.Fragment>
       );
     });
diff --git a/pages/register.tsx b/pages/register.tsx
index a05b964..af5476d 100644
--- a/pages/register.tsx
+++ b/pages/register.tsx
@@ -5,7 +5,7 @@ import { signIn } from "next-auth/react";
 import { useRouter } from "next/router";
 import CenteredForm from "@/layouts/CenteredForm";
 import TextInput from "@/components/TextInput";
-import AccentSubmitButton from "@/components/ui/Button";
+import Button from "@/components/ui/Button";
 import { getLogins } from "./api/v1/logins";
 import { GetServerSideProps, InferGetServerSidePropsType } from "next";
 import { getToken } from "next-auth/jwt";
@@ -125,7 +125,7 @@ export default function Register({
     availableLogins.buttonAuths.forEach((value: any, index: any) => {
       Buttons.push(
         <React.Fragment key={index}>
-          <AccentSubmitButton
+          <Button
             type="button"
             onClick={() => loginUserButton(value.method)}
             size="full"
@@ -137,7 +137,7 @@ export default function Register({
               <i className={"bi-" + value.name.toLowerCase()}></i>
             ) : undefined}
             {value.name}
-          </AccentSubmitButton>
+          </Button>
         </React.Fragment>
       );
     });
@@ -270,7 +270,7 @@ export default function Register({
               </div>
             ) : undefined}
 
-            <AccentSubmitButton
+            <Button
               type="submit"
               loading={submitLoader}
               intent="accent"
@@ -278,7 +278,7 @@ export default function Register({
               data-testid="register-button"
             >
               {t("sign_up")}
-            </AccentSubmitButton>
+            </Button>
 
             {availableLogins.buttonAuths.length > 0 ? (
               <div className="divider my-1">{t("or_continue_with")}</div>
diff --git a/pages/subscribe.tsx b/pages/subscribe.tsx
index f0bab79..2b76b7a 100644
--- a/pages/subscribe.tsx
+++ b/pages/subscribe.tsx
@@ -4,7 +4,7 @@ import { toast } from "react-hot-toast";
 import { useRouter } from "next/router";
 import CenteredForm from "@/layouts/CenteredForm";
 import { Plan } from "@/types/global";
-import AccentSubmitButton from "@/components/ui/Button";
+import Button from "@/components/ui/Button";
 import getServerSideProps from "@/lib/client/getServerSideProps";
 import { Trans, useTranslation } from "next-i18next";
 import useAccountStore from "@/store/account";
@@ -128,7 +128,7 @@ export default function Subscribe() {
           </fieldset>
         </div>
 
-        <AccentSubmitButton
+        <Button
           type="button"
           intent="accent"
           size="full"
@@ -136,7 +136,7 @@ export default function Subscribe() {
           loading={submitLoader}
         >
           {t("complete_subscription")}
-        </AccentSubmitButton>
+        </Button>
 
         <div
           onClick={() => signOut()}