diff --git a/src/editor/widgets/comment/Comment.jsx b/src/editor/widgets/comment/Comment.jsx
index 6e323a6..2e63b25 100644
--- a/src/editor/widgets/comment/Comment.jsx
+++ b/src/editor/widgets/comment/Comment.jsx
@@ -39,7 +39,7 @@ const Comment = props => {
 
   return props.readOnly ? (
     <div className="r6o-widget comment">
-      <div className="value">{props.body.value}</div>
+      <div className="r6o-readonly-comment">{props.body.value}</div>
       { creatorInfo }
     </div>
   ) : (
diff --git a/themes/default/editor/widgets/comment/_comment.scss b/themes/default/editor/widgets/comment/_comment.scss
index 4db89d5..9c62a90 100644
--- a/themes/default/editor/widgets/comment/_comment.scss
+++ b/themes/default/editor/widgets/comment/_comment.scss
@@ -4,7 +4,8 @@
   background-color:#fff;
   position:relative;
 
-  .r6o-editable-text {
+  .r6o-editable-text,
+  .r6o-readonly-comment {
     padding:8px 10px;
   }
 
@@ -12,6 +13,7 @@
     border:1px solid $lightgrey-border;
     display:inline-block;
     border-radius:2px;
+    margin:0 10px 8px 10px;
     padding:4px 5px;
     line-height:100%;
     font-size:12px;