diff --git a/wax-prosemirror-components/src/ui/comments/CommentReply.js b/wax-prosemirror-components/src/ui/comments/CommentReply.js
index 25c5992a9f715b6465c273c88783b3ceae3ffd5a..b43381854069e379cda68714b59e6d2791396d14 100644
--- a/wax-prosemirror-components/src/ui/comments/CommentReply.js
+++ b/wax-prosemirror-components/src/ui/comments/CommentReply.js
@@ -36,6 +36,7 @@ const Button = styled.button`
   padding: 8px 16px;
 
   ${props => props.primary && primary}
+  ${props => props.disabled && `cursor: not-allowed;`}
 `;
 
 const ButtonGroup = styled.div`
@@ -77,17 +78,17 @@ const CommentReply = props => {
           />
         </TextWrapper>
 
-        {value.length > 0 && (
-          <ActionWrapper>
-            <ButtonGroup>
-              <Button disabled={value.length === 0} primary type="submit">
-                Post
-              </Button>
-
-              <Button onClick={resetValue}>Cancel</Button>
-            </ButtonGroup>
-          </ActionWrapper>
-        )}
+        <ActionWrapper>
+          <ButtonGroup>
+            <Button disabled={value.length === 0} primary type="submit">
+              Post
+            </Button>
+
+            <Button disabled={value.length === 0} onClick={resetValue}>
+              Cancel
+            </Button>
+          </ButtonGroup>
+        </ActionWrapper>
       </form>
     </Wrapper>
   );