From ef4342cdd0152973f3fdf78b76b7f1959c98b35b Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Mon, 28 Oct 2024 18:52:17 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Left=20align=20text=20in=20upgra?=
 =?UTF-8?q?de=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/app/[locale]/(admin)/sidebar.tsx | 28 +++++++++----------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/apps/web/src/app/[locale]/(admin)/sidebar.tsx b/apps/web/src/app/[locale]/(admin)/sidebar.tsx
index 8f695cc69..efe676bba 100644
--- a/apps/web/src/app/[locale]/(admin)/sidebar.tsx
+++ b/apps/web/src/app/[locale]/(admin)/sidebar.tsx
@@ -108,26 +108,24 @@ export function Sidebar() {
               <li>
                 <PayWallDialog>
                   <DialogTrigger
+                    className="mb-4 flex w-full flex-col rounded-md border bg-gray-50 px-4 py-3 text-left focus:border-gray-300 focus:bg-gray-200"
                     onClick={() =>
                       posthog?.capture("trigger paywall", { from: "sidebar" })
                     }
-                    asChild
                   >
-                    <button className="mb-4 flex w-full flex-col rounded-md border bg-gray-50 px-4 py-3 focus:border-gray-300 focus:bg-gray-200">
-                      <span className="mb-2 flex items-center gap-x-2">
-                        <SparklesIcon className="size-5 text-gray-400" />
-                        <span className="text-sm font-bold">
-                          <Trans i18nKey="upgrade" />
-                        </span>
-                        <ProBadge />
+                    <span className="mb-2 flex items-center gap-x-2">
+                      <SparklesIcon className="size-5 text-gray-400" />
+                      <span className="text-sm font-bold">
+                        <Trans i18nKey="upgrade" />
                       </span>
-                      <span className="text-sm leading-relaxed text-gray-500">
-                        <Trans
-                          i18nKey="unlockFeatures"
-                          defaults="Unlock all Pro features."
-                        />
-                      </span>
-                    </button>
+                      <ProBadge />
+                    </span>
+                    <span className="text-sm leading-relaxed text-gray-500">
+                      <Trans
+                        i18nKey="unlockFeatures"
+                        defaults="Unlock all Pro features."
+                      />
+                    </span>
                   </DialogTrigger>
                 </PayWallDialog>
               </li>