From b3cd35c2ec5e48921e7264501bd930ecaede913e Mon Sep 17 00:00:00 2001
From: Prateek Shourya <prateekshourya29@gmail.com>
Date: Thu, 5 Sep 2024 16:18:48 +0530
Subject: [PATCH] [WEB-2384] chore: current plan badge UI improvement. (#1039)

---
 web/ee/components/license/cloud-badge.tsx        | 4 ++--
 web/ee/components/license/plane-one-badge.tsx    | 2 +-
 web/ee/components/license/self-managed-badge.tsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/ee/components/license/cloud-badge.tsx b/web/ee/components/license/cloud-badge.tsx
index 9a4be308fe..6e99f78fa9 100644
--- a/web/ee/components/license/cloud-badge.tsx
+++ b/web/ee/components/license/cloud-badge.tsx
@@ -71,7 +71,7 @@ export const CloudEditionBadge = observer(() => {
         <Button
           tabIndex={-1}
           variant="accent-primary"
-          className="w-full cursor-pointer rounded-2xl px-4 py-1.5 text-center text-sm font-medium outline-none"
+          className="w-fit min-w-24 cursor-pointer rounded-2xl px-4 py-1 text-center text-sm font-medium outline-none"
           onClick={handleProPlanPurchaseModalOpen}
         >
           {renderButtonText()}
@@ -82,7 +82,7 @@ export const CloudEditionBadge = observer(() => {
         <Button
           tabIndex={-1}
           variant="accent-primary"
-          className="w-full cursor-pointer rounded-2xl px-3 py-1.5 text-center text-sm font-medium outline-none"
+          className="w-fit cursor-pointer rounded-2xl px-4 py-1 text-center text-sm font-medium outline-none"
           onClick={handlePaidPlanSuccessModalOpen}
         >
           <Image src={PlaneLogo} alt="Plane Pro" width={14} height={14} />
diff --git a/web/ee/components/license/plane-one-badge.tsx b/web/ee/components/license/plane-one-badge.tsx
index 473cd18f5d..c169d70772 100644
--- a/web/ee/components/license/plane-one-badge.tsx
+++ b/web/ee/components/license/plane-one-badge.tsx
@@ -32,7 +32,7 @@ export const PlaneOneEditionBadge = observer(() => {
         <Button
           variant="accent-primary"
           tabIndex={-1}
-          className="w-full cursor-pointer rounded-2xl px-3 py-1.5 text-center text-sm font-medium outline-none text-custom-primary-300"
+          className="w-fit cursor-pointer rounded-2xl px-4 py-1 text-center text-sm font-medium outline-none text-custom-primary-300"
           onClick={handlePlaneOneModalOpen}
         >
           <Image src={PlaneOneLogo} alt="Plane One" width={24} height={24} />
diff --git a/web/ee/components/license/self-managed-badge.tsx b/web/ee/components/license/self-managed-badge.tsx
index f995670190..fb7834e118 100644
--- a/web/ee/components/license/self-managed-badge.tsx
+++ b/web/ee/components/license/self-managed-badge.tsx
@@ -28,7 +28,7 @@ export const SelfManagedEditionBadge = observer(() => {
         <Button
           tabIndex={-1}
           variant="accent-primary"
-          className="w-full cursor-pointer rounded-2xl px-3 py-1.5 text-center text-sm font-medium outline-none"
+          className="w-fit min-w-24 cursor-pointer rounded-2xl px-4 py-1 text-center text-sm font-medium outline-none"
           onClick={() => setIsPaidPlanPurchaseModalOpen(true)}
         >
           Upgrade
@@ -46,7 +46,7 @@ export const SelfManagedEditionBadge = observer(() => {
         <Button
           tabIndex={-1}
           variant="accent-primary"
-          className="w-full cursor-pointer rounded-2xl px-3 py-1.5 text-center text-sm font-medium outline-none"
+          className="w-fit cursor-pointer rounded-2xl px-4 py-1 text-center text-sm font-medium outline-none"
           onClick={() => handleSuccessModalToggle(true)}
         >
           <Image src={PlaneLogo} alt="Plane Pro" width={14} height={14} />