diff --git a/assets/javascripts/discourse/components/knowledge-explorer-topic.js.es6 b/assets/javascripts/discourse/components/knowledge-explorer-topic.js.es6
index 2492f68..c3c7fac 100644
--- a/assets/javascripts/discourse/components/knowledge-explorer-topic.js.es6
+++ b/assets/javascripts/discourse/components/knowledge-explorer-topic.js.es6
@@ -1,12 +1,22 @@
+import { reads } from "@ember/object/computed";
+import { computed } from "@ember/object";
+
 export default Ember.Component.extend({
   classNames: "knowledge-explorer-topic",
 
-  originalPostContent: Ember.computed.readOnly(
-    "topic.post_stream.posts.firstObject.cooked"
-  ),
+  originalPostContent: reads("post.cooked"),
+
+  post: reads("topic.post_stream.posts.firstObject"),
+
+  model: computed("post", "topic", function() {
+    const post = this.post;
+    post.topic = this.topic;
+    return post;
+  }),
 
   didInsertElement() {
     this._super(...arguments);
+
     document
       .querySelector("body")
       .classList.add("archetype-knowledge-explorer-topic");
@@ -14,6 +24,7 @@ export default Ember.Component.extend({
 
   willDestroyElement() {
     this._super(...arguments);
+
     document
       .querySelector("body")
       .classList.remove("archetype-knowledge-explorer-topic");
diff --git a/assets/javascripts/discourse/templates/components/knowledge-explorer-topic.hbs b/assets/javascripts/discourse/templates/components/knowledge-explorer-topic.hbs
index 498bf91..83bbb3c 100644
--- a/assets/javascripts/discourse/templates/components/knowledge-explorer-topic.hbs
+++ b/assets/javascripts/discourse/templates/components/knowledge-explorer-topic.hbs
@@ -4,7 +4,11 @@
 
 <div class="topic-content">
   <h1>{{topic.title}}</h1>
-  {{{originalPostContent}}}
+  {{mount-widget
+    widget="post"
+    model=model
+    args=post
+  }}
 </div>
 
 <a class="knowledge-explorer-nav-link more" href="/t/{{topic.id}}">