From 42e3bc1fbffc069de54aedb4a3c8efa97aed3f6a Mon Sep 17 00:00:00 2001
From: Dharmesh Patel <dspatel44@gmail.com>
Date: Wed, 19 Apr 2023 12:35:36 +0530
Subject: [PATCH] fix/8363: Match checkout block Place order button UI with
 frontend

---
 .../checkout-actions-block/edit.tsx           | 39 +++++++++++--------
 1 file changed, 22 insertions(+), 17 deletions(-)

diff --git a/assets/js/blocks/checkout/inner-blocks/checkout-actions-block/edit.tsx b/assets/js/blocks/checkout/inner-blocks/checkout-actions-block/edit.tsx
index 38a5ebbbad7..91156d2396e 100644
--- a/assets/js/blocks/checkout/inner-blocks/checkout-actions-block/edit.tsx
+++ b/assets/js/blocks/checkout/inner-blocks/checkout-actions-block/edit.tsx
@@ -93,23 +93,28 @@ export const Edit = ( {
 					) }
 			</InspectorControls>
 			<div className="wc-block-checkout__actions">
-				<Noninteractive>
-					{ showReturnToCart && (
-						<ReturnToCartButton
-							link={ getSetting( 'page-' + cartPageId, false ) }
-						/>
-					) }
-				</Noninteractive>
-				<EditableButton
-					className="wc-block-cart__submit-button wc-block-components-checkout-place-order-button"
-					value={ placeOrderButtonLabel }
-					placeholder={ defaultPlaceOrderButtonLabel }
-					onChange={ ( content ) => {
-						setAttributes( {
-							placeOrderButtonLabel: content,
-						} );
-					} }
-				/>
+				<div className="wc-block-checkout__actions_row">
+					<Noninteractive>
+						{ showReturnToCart && (
+							<ReturnToCartButton
+								link={ getSetting(
+									'page-' + cartPageId,
+									false
+								) }
+							/>
+						) }
+					</Noninteractive>
+					<EditableButton
+						className="wc-block-cart__submit-button wc-block-components-checkout-place-order-button"
+						value={ placeOrderButtonLabel }
+						placeholder={ defaultPlaceOrderButtonLabel }
+						onChange={ ( content ) => {
+							setAttributes( {
+								placeOrderButtonLabel: content,
+							} );
+						} }
+					/>
+				</div>
 			</div>
 		</div>
 	);