diff --git a/src/plugins/comment_paragraph/allow-comment/allow-comment.component.ts b/src/plugins/comment_paragraph/allow-comment/allow-comment.component.ts
index cb75190..17da9ed 100644
--- a/src/plugins/comment_paragraph/allow-comment/allow-comment.component.ts
+++ b/src/plugins/comment_paragraph/allow-comment/allow-comment.component.ts
@@ -1,16 +1,14 @@
 import {Component, Input} from "ng-forward";
+import {SideCommentsComponent} from "../side-comments/side-comments.component";
 
 @Component({
     selector: "comment-paragraph-plugin-allow-comment",
-    templateUrl: "plugins/comment_paragraph/allow-comment/allow-comment.html"
+    templateUrl: "plugins/comment_paragraph/allow-comment/allow-comment.html",
+    directives: [SideCommentsComponent]
 })
-export class AllowComment {
+export class AllowCommentComponent {
 
     @Input() content: string;
     @Input() paragraphUuid: string;
     @Input() article: noosfero.Article;
-
-    constructor() {
-        console.log("ALLOW COMMENT");
-    }
 }
diff --git a/src/plugins/comment_paragraph/allow-comment/allow-comment.html b/src/plugins/comment_paragraph/allow-comment/allow-comment.html
index 053e139..992e378 100644
--- a/src/plugins/comment_paragraph/allow-comment/allow-comment.html
+++ b/src/plugins/comment_paragraph/allow-comment/allow-comment.html
@@ -1,2 +1,4 @@
 <div class="paragraph-content" ng-bind-html="ctrl.content"></div>
-<div class="actions"></div>
+<div class="actions">
+  <a href="#" popover-placement="right" popover-trigger="outsideClick" uib-popover-template="'plugins/comment_paragraph/allow-comment/popover.html'" ng-click="ctrl.loadComments()"><i class="fa fa-fw fa-comments"></i></a>
+</div>
diff --git a/src/plugins/comment_paragraph/allow-comment/allow-comment.scss b/src/plugins/comment_paragraph/allow-comment/allow-comment.scss
new file mode 100644
index 0000000..555239d
--- /dev/null
+++ b/src/plugins/comment_paragraph/allow-comment/allow-comment.scss
@@ -0,0 +1,14 @@
+comment-paragraph-plugin-allow-comment {
+  .paragraph-content {
+    width: 94%;
+    display: inline-block;
+  }
+  .actions {
+    width: 4%;
+    display: inline-block;
+    vertical-align: top;
+    .popover {
+      width: 100%;
+    }
+  }
+}
diff --git a/src/plugins/comment_paragraph/allow-comment/popover.html b/src/plugins/comment_paragraph/allow-comment/popover.html
new file mode 100644
index 0000000..41db06a
--- /dev/null
+++ b/src/plugins/comment_paragraph/allow-comment/popover.html
@@ -0,0 +1 @@
+<comment-paragraph-side-comments></comment-paragraph-side-comments>
diff --git a/src/plugins/comment_paragraph/index.ts b/src/plugins/comment_paragraph/index.ts
index 1c1b4c6..0d4d08d 100644
--- a/src/plugins/comment_paragraph/index.ts
+++ b/src/plugins/comment_paragraph/index.ts
@@ -1,3 +1,3 @@
-import {AllowComment} from "./allow-comment/allow-comment.component";
+import {AllowCommentComponent} from "./allow-comment/allow-comment.component";
 
-export let mainComponents: any = [AllowComment];
+export let mainComponents: any = [AllowCommentComponent];
diff --git a/src/plugins/comment_paragraph/side-comments/side-comments.component.ts b/src/plugins/comment_paragraph/side-comments/side-comments.component.ts
new file mode 100644
index 0000000..8545798
--- /dev/null
+++ b/src/plugins/comment_paragraph/side-comments/side-comments.component.ts
@@ -0,0 +1,9 @@
+import {Component} from "ng-forward";
+
+@Component({
+    selector: "comment-paragraph-side-comments",
+    templateUrl: "plugins/comment_paragraph/side-comments/side-comments.html"
+})
+export class SideCommentsComponent {
+
+}
--
libgit2 0.21.2