From 9c821c7bf2af3a534db0d7e5254a1b872ef5f40d Mon Sep 17 00:00:00 2001
From: Chan Wen Xu <lutherchanpublic@gmail.com>
Date: Thu, 23 Feb 2023 20:02:46 +0800
Subject: [PATCH] fix: Fix formatting issues for payment pending message

---
 src/pages/OrderSummary/OrderSummary.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/pages/OrderSummary/OrderSummary.tsx b/src/pages/OrderSummary/OrderSummary.tsx
index 0497907..859dafd 100644
--- a/src/pages/OrderSummary/OrderSummary.tsx
+++ b/src/pages/OrderSummary/OrderSummary.tsx
@@ -72,13 +72,12 @@ export const OrderSummary: FC = () => {
   const renderPendingMessage = () => (
     <>
       <Heading size="xl">PAYMENT PENDING</Heading>
-      <Text>
-        We are currently pending confirmation for your payment from our payment
-        processor. If you have paid, please check back later.
-      </Text>
-      <Text>
-        Should the issue persist, please contact us at merch@ntuscse.com with
-        proof of payment. We apologize for the inconvenience.
+      <Text align="center" mb={5}>
+        We are currently pending confirmation for your payment If you have
+        paid, please check back later. <br />
+        Should the issue persist, please contact us at <a
+        href="mailto:merch@ntuscse.com">merch@ntuscse.com</a> with proof of
+        payment. We apologize for the inconvenience.
       </Text>
       <Link to={routes.HOME}>
         <Button borderRadius={0} size="sm">