diff --git a/examples/2-in-depth/2-3-sub-processes/handle-payment.bpmn b/examples/2-in-depth/2-3-sub-processes/handle-payment.bpmn
index df01fca8..a36fd9fd 100644
--- a/examples/2-in-depth/2-3-sub-processes/handle-payment.bpmn
+++ b/examples/2-in-depth/2-3-sub-processes/handle-payment.bpmn
@@ -92,10 +92,10 @@ First, we select whether the user wants to pay online or pay when the order is d
   </bpmn:process>
   <bpmndi:BPMNDiagram id="BPMNDiagram_1">
     <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Handle_Payment">
-      <bpmndi:BPMNShape id="DataInput-956220638-1DI" bpmnElement="cost">
-        <dc:Bounds x="12" y="-35" width="36" height="50" />
+      <bpmndi:BPMNShape id="DataOutput-623753916-1DI" bpmnElement="success">
+        <dc:Bounds x="592" y="-35" width="36" height="50" />
         <bpmndi:BPMNLabel>
-          <dc:Bounds x="20" y="22" width="21" height="14" />
+          <dc:Bounds x="590" y="22" width="41" height="14" />
         </bpmndi:BPMNLabel>
       </bpmndi:BPMNShape>
       <bpmndi:BPMNShape id="_BPMNShape_StartEvent_2" bpmnElement="StartEvent_1">
@@ -124,10 +124,10 @@ First, we select whether the user wants to pay online or pay when the order is d
       <bpmndi:BPMNShape id="Activity_1ai9w8p_di" bpmnElement="Activity_11ph807">
         <dc:Bounds x="420" y="180" width="100" height="80" />
       </bpmndi:BPMNShape>
-      <bpmndi:BPMNShape id="DataOutput-623753916-1DI" bpmnElement="success">
-        <dc:Bounds x="592" y="-5" width="36" height="50" />
+      <bpmndi:BPMNShape id="DataInput-956220638-1DI" bpmnElement="cost">
+        <dc:Bounds x="12" y="-35" width="36" height="50" />
         <bpmndi:BPMNLabel>
-          <dc:Bounds x="590" y="52" width="41" height="14" />
+          <dc:Bounds x="20" y="22" width="21" height="14" />
         </bpmndi:BPMNLabel>
       </bpmndi:BPMNShape>
       <bpmndi:BPMNEdge id="Flow_0ifm5t8_di" bpmnElement="Flow_0ifm5t8">