From 7c451745164abe6e6bbee2efb2a3b668c0f560f7 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Tue, 28 Mar 2023 16:42:33 +0800
Subject: [PATCH] Update UpgradePrompt.tsx

---
 .../interfaces/Settings/Logs/UpgradePrompt.tsx           | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/studio/components/interfaces/Settings/Logs/UpgradePrompt.tsx b/studio/components/interfaces/Settings/Logs/UpgradePrompt.tsx
index f6351377d9d..431cfb6afe9 100644
--- a/studio/components/interfaces/Settings/Logs/UpgradePrompt.tsx
+++ b/studio/components/interfaces/Settings/Logs/UpgradePrompt.tsx
@@ -62,13 +62,14 @@ const UpgradePrompt: React.FC<Props> = ({ show, setShowUpgradePrompt }) => {
         </Modal.Content>
         <Modal.Separator />
         <Modal.Content>
-          <div className="flex justify-between">
+          <div className="flex justify-end gap-3">
             <Button type="default" onClick={() => setShowUpgradePrompt(false)}>
               Close
             </Button>
-
-            <Link href={`/project/${ref}/settings/billing/subscription`}>
-              <Button size="tiny">Upgrade</Button>
+            <Link href={`/project/${ref}/settings/billing/subscription`} passHref>
+              <a>
+                <Button size="tiny">Upgrade</Button>
+              </a>
             </Link>
           </div>
         </Modal.Content>