diff --git a/apps/web/src/components/Test/CreateTestSection.tsx b/apps/web/src/components/Test/CreateTestSection.tsx
index 3873e478..79eaf0f7 100644
--- a/apps/web/src/components/Test/CreateTestSection.tsx
+++ b/apps/web/src/components/Test/CreateTestSection.tsx
@@ -1,3 +1,4 @@
+import { Button } from "components/ui/button";
 import produce from "immer";
 import { getUpdatedWeights } from "lib/helper";
 import { ChangeEvent, Dispatch, Fragment, SetStateAction } from "react";
@@ -204,13 +205,13 @@ export function CreateTestSection({
               ) : (
                 <span></span>
               )}
-              <button
+              <Button
                 type="button"
                 onClick={addVariant}
-                className="w-fit self-end justify-self-end rounded-sm bg-blue-300 px-3 py-0.5 text-gray-800 transition-colors duration-200 ease-in-out hover:bg-blue-400"
+                className="w-fit self-end justify-self-end"
               >
                 Add Variant
-              </button>
+              </Button>
             </div>
           </div>
         </Card>
diff --git a/apps/web/src/pages/projects/[projectId]/redeem.tsx b/apps/web/src/pages/projects/[projectId]/redeem.tsx
index ca4ce690..bb57c2fe 100644
--- a/apps/web/src/pages/projects/[projectId]/redeem.tsx
+++ b/apps/web/src/pages/projects/[projectId]/redeem.tsx
@@ -1,4 +1,4 @@
-import { Button } from "components/Button";
+import { Button } from "components/ui/Button";
 import { DashboardHeader } from "components/DashboardHeader";
 import { Layout } from "components/Layout";
 import { Input } from "components/ui/input";
diff --git a/apps/web/src/pages/projects/[projectId]/settings.tsx b/apps/web/src/pages/projects/[projectId]/settings.tsx
index e2173e4b..96b0385b 100644
--- a/apps/web/src/pages/projects/[projectId]/settings.tsx
+++ b/apps/web/src/pages/projects/[projectId]/settings.tsx
@@ -166,14 +166,14 @@ const SettingsPage: NextPageWithLayout = () => {
                   </Link>
                   {data.project.stripeCustomerId !== null &&
                     projectPlan !== null && (
-                      <button
-                        className="text- ml-4 mr-auto mt-4 rounded-sm bg-blue-300 px-3"
+                      <DashboardButton
+                        className="px-3"
                         onClick={async () => {
                           redirectToBillingPortal(projectId);
                         }}
                       >
                         Manage
-                      </button>
+                      </DashboardButton>
                     )}
                 </div>
               </div>
diff --git a/apps/web/src/pages/welcome.tsx b/apps/web/src/pages/welcome.tsx
index c75d646d..aa1c66fd 100644
--- a/apps/web/src/pages/welcome.tsx
+++ b/apps/web/src/pages/welcome.tsx
@@ -1,4 +1,4 @@
-import { Button } from "components/Button";
+import { Button } from "components/ui/button";
 import { DISCORD_INVITE_URL } from "components/Footer";
 import { Input } from "components/Input";
 import { Select } from "components/Select";