diff --git a/frappe/public/js/frappe/form/footer/footer.js b/frappe/public/js/frappe/form/footer/footer.js
index 1b6fa5e632..cedd64fb72 100644
--- a/frappe/public/js/frappe/form/footer/footer.js
+++ b/frappe/public/js/frappe/form/footer/footer.js
@@ -25,7 +25,7 @@ frappe.ui.form.Footer = Class.extend({
 		this.frm.timeline = new frappe.ui.form.Timeline({
 			parent: this.wrapper.find(".form-comments"),
 			frm: this.frm
-		})
+		});
 	},
 	refresh: function() {
 		if(this.frm.doc.__islocal) {
diff --git a/frappe/public/js/frappe/form/footer/timeline.js b/frappe/public/js/frappe/form/footer/timeline.js
index d9b78e0406..3c53037fdf 100644
--- a/frappe/public/js/frappe/form/footer/timeline.js
+++ b/frappe/public/js/frappe/form/footer/timeline.js
@@ -115,6 +115,7 @@ frappe.ui.form.Timeline = Class.extend({
 
 		this.frm.sidebar.refresh_comments();
 
+		this.frm.trigger('timeline_refresh');
 	},
 
 	render_timeline_item: function(c) {
diff --git a/frappe/public/js/frappe/form/footer/timeline_item.html b/frappe/public/js/frappe/form/footer/timeline_item.html
index 49ac370484..65189a8b56 100755
--- a/frappe/public/js/frappe/form/footer/timeline_item.html
+++ b/frappe/public/js/frappe/form/footer/timeline_item.html
@@ -77,8 +77,8 @@
 						<span class="likes-count text-muted">{{ (data._liked_by || []).length }}</span>
 					</span>
                 </div>
-				<div class="reply" style="overflow-x:scroll">
-        			<div>
+				<div class="reply" style="overflow-x: auto">
+        			<div class="timeline-item-content">
         				{%= data.content_html %}
         			</div>
                 </div>