diff --git a/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx b/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx
index 5a8589a6a..06aea7af3 100644
--- a/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx
+++ b/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx
@@ -262,16 +262,18 @@ const OrderDetailsPage: React.FC<OrderDetailsPageProps> = props => {
                   </React.Fragment>
                 ))}
                 {order?.status !== OrderStatus.UNCONFIRMED && (
-                  <OrderPayment
-                    order={order}
-                    onCapture={onPaymentCapture}
-                    onMarkAsPaid={onPaymentPaid}
-                    onRefund={onPaymentRefund}
-                    onVoid={onPaymentVoid}
-                  />
+                  <>
+                    <OrderPayment
+                      order={order}
+                      onCapture={onPaymentCapture}
+                      onMarkAsPaid={onPaymentPaid}
+                      onRefund={onPaymentRefund}
+                      onVoid={onPaymentVoid}
+                    />
+                    <CardSpacer />
+                    <Metadata data={data} onChange={changeMetadata} />
+                  </>
                 )}
-                <CardSpacer />
-                <Metadata data={data} onChange={changeMetadata} />
                 <OrderHistory
                   history={order?.events}
                   orderCurrency={order?.total?.gross.currency}