From ddeca96379dac1ea254a79e5d7242750ec5dfa5d Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Tue, 28 Mar 2023 16:50:59 +0800
Subject: [PATCH] fix buttons

---
 .../Settings/ProjectUsageBars/ProjectUsageBars.tsx        | 8 ++++++--
 studio/components/interfaces/Support/Success.tsx          | 4 +++-
 studio/components/layouts/ProjectLayout/BuildingState.tsx | 4 +++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx b/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx
index 13e24dcc18c..a5439c7878b 100644
--- a/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx
+++ b/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx
@@ -136,7 +136,9 @@ const ProjectUsage: FC<Props> = ({ projectRef }) => {
                             for a full breakdown of available plans.
                           </p>
                           <Link href={`/project/${projectRef}/settings/billing/update`}>
-                            <Button>Upgrade to Pro</Button>
+                            <a>
+                              <Button>Upgrade to Pro</Button>
+                            </a>
                           </Link>
                         </div>
                       ) : (
@@ -148,7 +150,9 @@ const ProjectUsage: FC<Props> = ({ projectRef }) => {
                             spend cap and pay for over-usage beyond the quota.
                           </p>
                           <Link href={`/project/${projectRef}/settings/billing/update/pro`}>
-                            <Button>Configure Spend Cap</Button>
+                            <a>
+                              <Button>Configure Spend Cap</Button>
+                            </a>
                           </Link>
                         </div>
                       )}
diff --git a/studio/components/interfaces/Support/Success.tsx b/studio/components/interfaces/Support/Success.tsx
index 0293f7283a0..45663e5d379 100644
--- a/studio/components/interfaces/Support/Success.tsx
+++ b/studio/components/interfaces/Support/Success.tsx
@@ -71,7 +71,9 @@ const Success: FC<Props> = ({ sentCategory = '' }) => {
       </div>
       <div className="w-full pb-4 px-4 flex items-center justify-end">
         <Link href="/projects">
-          <Button>Go back to dashboard</Button>
+          <a>
+            <Button>Go back to dashboard</Button>
+          </a>
         </Link>
       </div>
     </div>
diff --git a/studio/components/layouts/ProjectLayout/BuildingState.tsx b/studio/components/layouts/ProjectLayout/BuildingState.tsx
index 01b4af13c10..06c7c221db9 100644
--- a/studio/components/layouts/ProjectLayout/BuildingState.tsx
+++ b/studio/components/layouts/ProjectLayout/BuildingState.tsx
@@ -111,7 +111,9 @@ const BuildingState: FC<Props> = ({ project }) => {
                           support ticket.
                         </p>
                         <Link href="/support/new">
-                          <Button type="default">Contact support team</Button>
+                          <a>
+                            <Button type="default">Contact support team</Button>
+                          </a>
                         </Link>
                       </>
                     }