From 75eac3fe12ed1ac39434a9a8a65357be7ef3ab44 Mon Sep 17 00:00:00 2001
From: nayanavishwa <nayana.vishwa@salesforce.com>
Date: Thu, 26 Feb 2026 15:45:25 -0800
Subject: [PATCH] W-2129587: removed wrapperStyle for LoadingSpinner to have
 full screen overlay

---
 packages/template-retail-react-app/app/pages/cart/index.jsx   | 2 +-
 .../template-retail-react-app/app/pages/checkout/index.jsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/template-retail-react-app/app/pages/cart/index.jsx b/packages/template-retail-react-app/app/pages/cart/index.jsx
index 7a4033a6c9..18859179cc 100644
--- a/packages/template-retail-react-app/app/pages/cart/index.jsx
+++ b/packages/template-retail-react-app/app/pages/cart/index.jsx
@@ -1493,7 +1493,7 @@ const Cart = () => {
             )}
 
             {/* Loading overlay during express payment confirmation */}
-            {confirmingBasket && <LoadingSpinner wrapperStyles={{height: '100vh'}} />}
+            {confirmingBasket && <LoadingSpinner />}
         </Box>
     )
 }
diff --git a/packages/template-retail-react-app/app/pages/checkout/index.jsx b/packages/template-retail-react-app/app/pages/checkout/index.jsx
index 0b8ae1d45e..7e4d99e187 100644
--- a/packages/template-retail-react-app/app/pages/checkout/index.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/index.jsx
@@ -289,7 +289,7 @@ const Checkout = () => {
             )}
 
             {/* Loading overlay during express payment confirmation */}
-            {confirmingBasket && <LoadingSpinner wrapperStyles={{height: '100vh'}} />}
+            {confirmingBasket && <LoadingSpinner />}
         </Box>
     )
 }
@@ -340,7 +340,7 @@ const CheckoutContainer = () => {
 
     return (
         <CheckoutProvider>
-            {isDeletingUnavailableItem && <LoadingSpinner wrapperStyles={{height: '100vh'}} />}
+            {isDeletingUnavailableItem && <LoadingSpinner />}
             <GoogleAPIProvider>
                 <Checkout />
             </GoogleAPIProvider>