diff --git a/cypress/platform/knsv.html b/cypress/platform/knsv.html
index 8dd54cd31..dcec97928 100644
--- a/cypress/platform/knsv.html
+++ b/cypress/platform/knsv.html
@@ -74,6 +74,23 @@ Alice->>Bob: Hi Bob
 Bob->>Alice: Hi Alice
 </div>
 <div class="mermaid">
+sequenceDiagram
+  autonumber
+  par Action 1
+    Alice->>John: Hello John, how are you?
+  and Action 2
+    Alice->>Bob: Hello Bob, how are you?
+  end
+  Alice->>+John: Hello John, how are you?
+  Alice->>+John: John, can you hear me?
+  John-->>-Alice: Hi Alice, I can hear you!
+  Note right of John: John is perceptive
+  John-->>-Alice: I feel great!
+      loop Every minute
+        John-->Alice: Great!
+    end
+</div>
+<div class="mermaid">
 sequenceDiagram
   %%{init: {'config': {'wrap': true }}}%%
   actor Alice
diff --git a/src/diagrams/sequence/sequenceRenderer.js b/src/diagrams/sequence/sequenceRenderer.js
index 3c4730460..af7c75426 100644
--- a/src/diagrams/sequence/sequenceRenderer.js
+++ b/src/diagrams/sequence/sequenceRenderer.js
@@ -444,7 +444,7 @@ export const drawActors = function (diagram, actors, actorKeys, verticalPos) {
   }
 
   // Add a margin between the actor boxes and the first arrow
-  bounds.bumpVerticalPos(maxHeight-conf.boxMargin);
+  bounds.bumpVerticalPos(maxHeight);
 };
 
 export const setConf = function (cnf) {
@@ -689,7 +689,7 @@ export const draw = function (text, id) {
     // Draw actors below diagram
     bounds.bumpVerticalPos(conf.boxMargin * 2);
     drawActors(diagram, actors, actorKeys, bounds.getVerticalPos());
-    bounds.bumpVerticalPos(conf.boxMargin*2);
+    bounds.bumpVerticalPos(conf.boxMargin);
     fixLifeLineHeights(diagram, bounds.getVerticalPos());
   }