From 91e84f090fa103708a135711e7c4ddc9de211349 Mon Sep 17 00:00:00 2001
From: Rachel Quartararo <rquartararo@gmail.com>
Date: Wed, 29 Jan 2025 10:10:44 -0500
Subject: [PATCH 1/2] fix: update options handling

---
 .../ExpressCheckoutPrototype/ExpressCheckoutProvider.tsx      | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/Apps/Order/Routes/Payment/ExpressCheckoutPrototype/ExpressCheckoutProvider.tsx b/src/Apps/Order/Routes/Payment/ExpressCheckoutPrototype/ExpressCheckoutProvider.tsx
index 08d773070e9..7d6418c641b 100644
--- a/src/Apps/Order/Routes/Payment/ExpressCheckoutPrototype/ExpressCheckoutProvider.tsx
+++ b/src/Apps/Order/Routes/Payment/ExpressCheckoutPrototype/ExpressCheckoutProvider.tsx
@@ -6,6 +6,10 @@ import { getENV } from "Utils/getENV"
 export const ExpressCheckoutProvider = ({ order }) => {
   const { buyerTotalCents } = order
 
+  if (!buyerTotalCents) {
+    return null
+  }
+
   const options: StripeElementsOptions = {
     mode: "payment",
     amount: buyerTotalCents,

From 4db28bec4f6746cdb252914b8fe08d87ab8ac8da Mon Sep 17 00:00:00 2001
From: Rachel Quartararo <rquartararo@gmail.com>
Date: Wed, 29 Jan 2025 10:24:56 -0500
Subject: [PATCH 2/2] fix: move spacer

---
 .../Routes/Payment/ExpressCheckoutPrototype/ExpressCheckout.tsx  | 1 +
 src/Apps/Order/Routes/Payment/PaymentContent.tsx                 | 1 -
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Apps/Order/Routes/Payment/ExpressCheckoutPrototype/ExpressCheckout.tsx b/src/Apps/Order/Routes/Payment/ExpressCheckoutPrototype/ExpressCheckout.tsx
index 316a3e45f5f..21c1de35b06 100644
--- a/src/Apps/Order/Routes/Payment/ExpressCheckoutPrototype/ExpressCheckout.tsx
+++ b/src/Apps/Order/Routes/Payment/ExpressCheckoutPrototype/ExpressCheckout.tsx
@@ -33,6 +33,7 @@ export const ExpressCheckout = () => {
       <Text variant="lg-display">Express checkout</Text>
       <Spacer y={1} />
       <ExpressCheckoutElement onConfirm={onConfirm} />
+      <Spacer y={4} />
     </>
   )
 }
diff --git a/src/Apps/Order/Routes/Payment/PaymentContent.tsx b/src/Apps/Order/Routes/Payment/PaymentContent.tsx
index 82d67dfb202..f067441ffcd 100644
--- a/src/Apps/Order/Routes/Payment/PaymentContent.tsx
+++ b/src/Apps/Order/Routes/Payment/PaymentContent.tsx
@@ -87,7 +87,6 @@ export const PaymentContent: FC<React.PropsWithChildren<Props>> = props => {
       {expressCheckoutPrototypeEnabled && (
         <>
           <ExpressCheckoutProvider order={order} />
-          <Spacer y={4} />
         </>
       )}