fix

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) {

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':