box css

wax-prosemirror-components/src/components/comments/CommentBox.js

@@ -17,7 +17,8 @@ const CommentBoxStyled = styled.div`
   position: relative;
   transition: ${({ state }) => 'top 1s, opacity 1.5s, left 1s'};
   top: ${props => (props.top ? `${props.top}px` : 0)};
-  left: ${props => (props.active ? `${-2}%` : `0%`)};
+  left: ${props => (props.active ? `${-20}px` : `0%`)};
+  max-width: 250px;
   opacity: ${({ state }) => {
     switch (state) {
       case 'exited':

wax-prosemirror-components/src/components/trackChanges/TrackChangeBox.js

@@ -13,7 +13,8 @@ const TrackChangeBoxStyled = styled.div`
   position: relative;
   transition: ${({ state }) => 'top 1s, opacity 1.5s, left 1s'};
   top: ${props => (props.top ? `${props.top}px` : 0)};
-  left: ${props => (props.active ? `${-2}%` : `0%`)};
+  left: ${props => (props.active ? `${-20}px` : `0%`)};
+  max-width: 250px;
   opacity: ${({ state }) => {
     switch (state) {
       case 'exited':