diff --git a/template/resources/images/comment-bubble.png b/template/resources/images/comment-bubble.png
new file mode 100644
index 0000000000000000000000000000000000000000..b092c31faf3e3174d94ce7ba92fe35660a3c73b5
Binary files /dev/null and b/template/resources/images/comment-bubble.png differ
diff --git a/template/resources/images/icons.png b/template/resources/images/icons.png
index c78babee34194cc6e19dd08d9f1cf20d8595cc53..97c19781896bdddda0dd0ea3b0622b4a7c2f302d 100644
Binary files a/template/resources/images/icons.png and b/template/resources/images/icons.png differ
diff --git a/template/resources/sass/_class_overview.scss b/template/resources/sass/_class_overview.scss
index 9969644399e602b50ed0f15ccb55568de155523a..19fad4783e8a1a8f47185f08250d4d75ef90ab3d 100644
--- a/template/resources/sass/_class_overview.scss
+++ b/template/resources/sass/_class_overview.scss
@@ -92,7 +92,7 @@
       font-weight: bold; }
     @include icons;
     .icon-comment {
-      background: url(../images/icons.png) no-repeat 1px -490px; }
+      background: url(../images/comment-bubble.png) no-repeat 1px -26px; }
   h4.members-subtitle {
     padding-left: 25px;
     margin: 10px 0 7px 0; }
diff --git a/template/resources/sass/_comments.scss b/template/resources/sass/_comments.scss
index 4b4c48e970356a258a63e0332180a0085035fba6..61e7cf3f1bf2cffb383ea025dac6673f8dbb591a 100644
--- a/template/resources/sass/_comments.scss
+++ b/template/resources/sass/_comments.scss
@@ -2,7 +2,7 @@
 @import "mixins";
 
 .comment-btn {
-  background: url(../images/icons.png) no-repeat 0 -464px !important;
+  background: url(../images/comment-bubble.png) no-repeat;
   color: #fff;
   text-align: center;
   line-height: 16px;
@@ -21,7 +21,7 @@
   max-width: 900px; }
 .toggleMemberComments {
   cursor: pointer;
-  background: url(../images/icons.png) no-repeat 2px -519px;
+  background: url(../images/comment-bubble.png) no-repeat 2px -55px;
   padding-left: 21px;
   font-weight: normal;
   font-size: 11px; }