diff --git a/frappe/public/js/frappe/form/footer/timeline_item.html b/frappe/public/js/frappe/form/footer/timeline_item.html
index b4f925eeb2..54d1a34d47 100755
--- a/frappe/public/js/frappe/form/footer/timeline_item.html
+++ b/frappe/public/js/frappe/form/footer/timeline_item.html
@@ -1,4 +1,4 @@
-<div class="media timeline-item {% if (data.user_content) { %} user-content {% } else { %} notification-content {% } %}" data-doctype="{{ data.doctype }}" data-name="{%= data.name %}">
+<div class="media timeline-item {% if (data.user_content) { %} user-content {% } else { %} notification-content {% } %}" data-doctype="{{ data.doctype }}" data-name="{%= data.name %}" data-communication-type = "{{ data.communication_type }}">
 	{% if (data.user_content) { %}
 	<span class="pull-left avatar avatar-medium hidden-xs" style="margin-top: 1px">
 		{% if(data.user_info.image) { %}
diff --git a/frappe/public/less/form.less b/frappe/public/less/form.less
index d860c4ffa7..ef8d0841a4 100644
--- a/frappe/public/less/form.less
+++ b/frappe/public/less/form.less
@@ -352,6 +352,12 @@ h6.uppercase, .h6.uppercase {
 	}
 }
 
+.timeline-item[data-communication-type="Comment"] {
+	.reply {
+		background-color: @light-yellow;
+	}
+}
+
 .timeline-items {
 	position: relative;
 }