diff --git a/wax-prosemirror-components/src/components/rightArea/RightArea.js b/wax-prosemirror-components/src/components/rightArea/RightArea.js
index fe21c545b8c75c7a0b9e69c7e80a4f55f8621e37..01139c8ef788b55167b84be7006e36f6a4fb60cf 100644
--- a/wax-prosemirror-components/src/components/rightArea/RightArea.js
+++ b/wax-prosemirror-components/src/components/rightArea/RightArea.js
@@ -58,7 +58,6 @@ export default ({ area }) => {
       // get height of this markNode box
       const boxEl = document.querySelector(`div[data-box="${id}"]`);
       if (boxEl) boxHeight = parseInt(boxEl.offsetHeight, 10);
-      console.log(boxHeight);
 
       // where the box should move to
       top = annotationTop;
@@ -72,13 +71,13 @@ export default ({ area }) => {
         }
       }
       // store where the box ends to be aware of overlaps in the next box
-      markNode.endHeight = top + boxHeight + 2;
+      markNode.endHeight = top + boxHeight + 4;
       result[pos] = top;
       allCommentsTop.push({ [id]: result[pos] });
 
       // if active, move as many boxes above as needed to bring it to the annotation's height
       if (isActive) {
-        markNode.endHeight = annotationTop + boxHeight + 2;
+        markNode.endHeight = annotationTop + boxHeight + 3;
         result[pos] = annotationTop;
         allCommentsTop[pos][id] = result[pos];
         let b = true;