diff --git a/apps/web/components/home/PlanDetails/PlanDetails.tsx b/apps/web/components/home/PlanDetails/PlanDetails.tsx
index a7de3d321..d573fa5d9 100644
--- a/apps/web/components/home/PlanDetails/PlanDetails.tsx
+++ b/apps/web/components/home/PlanDetails/PlanDetails.tsx
@@ -46,15 +46,14 @@ export function PlanDetails() {
         title: status === CONSTANTS.PAYMENT_SUCCCESS_CODE ? 'Subscription activated' : 'Payment failed',
         centered: true,
         children: (
-          <Text fw="bolder" align="center">
+          <Text size="md" weight={500} align="center" mb="20">
             {status === CONSTANTS.PAYMENT_SUCCCESS_CODE
               ? CONSTANTS.PAYMENT_SUCCESS_MESSAGE
               : CONSTANTS.PAYMENT_FAILED_MESSAGE}
           </Text>
         ),
-        labels: { confirm: 'Ok', cancel: false },
+        labels: { confirm: 'Ok', cancel: null },
         confirmProps: { color: status === CONSTANTS.PAYMENT_SUCCCESS_CODE ? 'green' : 'red' },
-
         onConfirm: () => {
           router.push(ROUTES.HOME, {}, { shallow: true });
         },
diff --git a/apps/web/components/settings/Checkout/CheckoutDetails.tsx b/apps/web/components/settings/Checkout/CheckoutDetails.tsx
index db132e50d..4a2dd546c 100644
--- a/apps/web/components/settings/Checkout/CheckoutDetails.tsx
+++ b/apps/web/components/settings/Checkout/CheckoutDetails.tsx
@@ -39,25 +39,25 @@ export function CheckoutDetails({ checkoutData, isCheckoutDataLoading }: Checkou
         </Group>
         <Group position="apart">
           <Text>Plan Amount (Recurring)</Text>
-          <Text>{`${checkoutData.planAmount} (${checkoutData.currency})`}</Text>
+          <Text>{`${checkoutData.planAmount} (${checkoutData.currency.toUpperCase()})`}</Text>
         </Group>
 
         {checkoutData.proratedRefund ? (
           <Group position="apart">
             <Text>Prorated Refund</Text>
-            <Text>-{`${checkoutData.proratedRefund} (${checkoutData.currency})`}</Text>
+            <Text>-{`${checkoutData.proratedRefund} (${checkoutData.currency.toUpperCase()})`}</Text>
           </Group>
         ) : null}
 
         <Group position="apart">
           <Text>Outstanding Charges</Text>
-          <Text>{`${checkoutData.outstandingAmount} (${checkoutData.currency})`}</Text>
+          <Text>{`${checkoutData.outstandingAmount} (${checkoutData.currency.toUpperCase()})`}</Text>
         </Group>
 
         {checkoutData.discount ? (
           <Group position="apart">
             <Text>Coupon Discount</Text>
-            <Text>-{`${checkoutData.discount} (${checkoutData.currency})`}</Text>
+            <Text>-{`${checkoutData.discount} (${checkoutData.currency.toUpperCase()})`}</Text>
           </Group>
         ) : null}
 
@@ -66,7 +66,7 @@ export function CheckoutDetails({ checkoutData, isCheckoutDataLoading }: Checkou
             <Divider />
             <Group position="apart">
               <Text>Total Amount</Text>
-              <Text>{`${checkoutData.totalPrice} (${checkoutData.currency})`}</Text>
+              <Text>{`${checkoutData.totalPrice} (${checkoutData.currency.toUpperCase()})`}</Text>
             </Group>
           </>
         ) : null}