diff --git a/wax-prosemirror-components/src/components/comments/CommentBox.js b/wax-prosemirror-components/src/components/comments/CommentBox.js
index 57a7ae010e135f23123d2be9d9debaa4e7abd104..94ab170c9da58450365e25b770cf1267456bce63 100644
--- a/wax-prosemirror-components/src/components/comments/CommentBox.js
+++ b/wax-prosemirror-components/src/components/comments/CommentBox.js
@@ -14,10 +14,10 @@ const CommentBoxStyled = styled.div`
   flex-direction: column;
   margin-top: 10px;
   border: 1px solid #ffab20;
-  position: relative;
+  position: absolute;
   transition: ${({ state }) => 'top 1s, opacity 1.5s, left 1s'};
   top: ${props => (props.top ? `${props.top}px` : 0)};
-  left: ${props => (props.active ? `${-20}px` : `0%`)};
+  left: ${props => (props.active ? `${63}%` : `${65}%`)};
   max-width: 250px;
   opacity: ${({ state }) => {
     switch (state) {
diff --git a/wax-prosemirror-components/src/components/trackChanges/TrackChangeBox.js b/wax-prosemirror-components/src/components/trackChanges/TrackChangeBox.js
index b6227a6115c97de3e37815b188fb5095139589a0..4001c5e04898f5b5919f5f50134f6e597a3e80f0 100644
--- a/wax-prosemirror-components/src/components/trackChanges/TrackChangeBox.js
+++ b/wax-prosemirror-components/src/components/trackChanges/TrackChangeBox.js
@@ -10,11 +10,11 @@ const TrackChangeBoxStyled = styled.div`
   flex-direction: column;
   margin-top: 10px;
   border: 1px solid blue;
-  position: relative;
+  position: absolute;
   transition: ${({ state }) => 'top 1s, opacity 1.5s, left 1s'};
   top: ${props => (props.top ? `${props.top}px` : 0)};
-  left: ${props => (props.active ? `${-20}px` : `0%`)};
-  max-width: 250px;
+  left: ${props => (props.active ? `${63}%` : `${65}%`)};
+  max-width: 450px;
   opacity: ${({ state }) => {
     switch (state) {
       case 'exited':