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>