diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss
index 6d84af186c..b53a68d139 100644
--- a/lms/static/sass/_discussion.scss
+++ b/lms/static/sass/_discussion.scss
@@ -2420,7 +2420,24 @@ body.discussion {
 .flagdiv{
       font-size: 12px;
       color: #888;
-      align:right;
+      float:right;
       font-style: italic; 
-      
-    }   
+      width:100px;
+    }  
+    
+.notflagged .icon
+{
+  display: inline-block; 
+  width: 20px; 
+  height: 30px; 
+  background: transparent url('../images/notflagged.png') no-repeat 0 0; 
+}
+
+.flagged .icon
+{
+  display: inline-block; 
+  width: 20px; 
+  height: 30px; 
+  background: transparent url('../images/flagged.png') no-repeat 0 0; 
+}
+
diff --git a/lms/templates/discussion/_underscore_templates.html b/lms/templates/discussion/_underscore_templates.html
index ccbcc55da2..8decf33334 100644
--- a/lms/templates/discussion/_underscore_templates.html
+++ b/lms/templates/discussion/_underscore_templates.html
@@ -3,7 +3,7 @@
 <script type="text/template" id="thread-template">
     <article class="discussion-article" data-id="${'<%- id %>'}">
         <div class="thread-content-wrapper"></div>
-        <div class = "flagdiv">Report Misuse</div>
+        <div class = "flagdiv notflagged"><i class="icon"></i>Report Misuse</div>
         <ol class="responses">
             <li class="loading"><div class="loading-animation"></div></li>
         </ol>