diff --git a/wax-prosemirror-components/src/components/comments/ConnectedComment.js b/wax-prosemirror-components/src/components/comments/ConnectedComment.js
index 82b40920034516da72f1b694ab788ab4484bee5f..afa1840320c1c7737abff65212d82605c78e1104 100644
--- a/wax-prosemirror-components/src/components/comments/ConnectedComment.js
+++ b/wax-prosemirror-components/src/components/comments/ConnectedComment.js
@@ -9,6 +9,7 @@ import CommentBox from '../../ui/comments/CommentBox';
 
 const ConnectedCommentStyled = styled.div`
   margin-left: ${props => (props.active ? `${-20}px` : `${50}px`)};
+  transition: ${props => (props.active ? `all 1s` : `all 0.5s`)};
   position: absolute;
   width: 200px;
   @media (max-width: 600px) {