diff --git a/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js b/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
index e9b6d9cf4cde7fc4e85c11dae975fc981a1633e0..1979bff7a4b2e0b076f407edaf01a11203f1daf3 100644
--- a/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
+++ b/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
@@ -5,6 +5,7 @@ import { last, maxBy } from 'lodash';
 import styled from 'styled-components';
 import { WaxContext, DocumentHelpers } from 'wax-prosemirror-core';
 import { v4 as uuidv4 } from 'uuid';
+import { override } from '@pubsweet/ui-toolkit';
 import CommentBox from './ui/comments/CommentBox';
 
 const ConnectedCommentStyled = styled.div`
@@ -15,6 +16,8 @@ const ConnectedCommentStyled = styled.div`
   @media (max-width: 600px) {
     margin-left: 15px;
   }
+
+  ${override('Wax.CommentOuterBox')}
 `;
 
 export default ({ comment, top, commentId, recalculateTops }) => {