diff --git a/app/components/SimpleEditor/elements/comment/ResolvedCommentComponent.js b/app/components/SimpleEditor/elements/comment/ResolvedCommentComponent.js
new file mode 100644
index 0000000000000000000000000000000000000000..f71eaac0f405b77101f7e78b6f7f3ef961c846ef
--- /dev/null
+++ b/app/components/SimpleEditor/elements/comment/ResolvedCommentComponent.js
@@ -0,0 +1,13 @@
+import { AnnotationComponent } from 'substance'
+
+class ResolvedCommentComponent extends AnnotationComponent {
+  render ($$) {
+    let el = $$('resolved-comment')
+      .attr('data-id', this.props.node.id)
+      .addClass(this.getClassNames())
+
+    return el
+  }
+}
+
+export default ResolvedCommentComponent
diff --git a/app/components/SimpleEditor/elements/comment/ResolvedCommentPackage.js b/app/components/SimpleEditor/elements/comment/ResolvedCommentPackage.js
index 43688237bf76728372f3635482ccd73d6704027d..dbbb1bb53d441b33763e6d65c611176ea7ca1ec6 100644
--- a/app/components/SimpleEditor/elements/comment/ResolvedCommentPackage.js
+++ b/app/components/SimpleEditor/elements/comment/ResolvedCommentPackage.js
@@ -1,12 +1,13 @@
 import ResolvedComment from './ResolvedComment'
 import ResolvedCommentCommand from './ResolvedCommentCommand'
+import ResolvedCommentComponent from './ResolvedCommentComponent'
 import ResolvedCommentHTMLConverter from './ResolvedCommentHTMLConverter'
 
 export default {
   name: 'resolved-comment',
   configure: function (config) {
     config.addNode(ResolvedComment)
-
+    config.addComponent(ResolvedComment.type, ResolvedCommentComponent)
     config.addCommand(ResolvedComment.type, ResolvedCommentCommand, { nodeType: ResolvedComment.type })
     config.addConverter('html', ResolvedCommentHTMLConverter)
   }