diff --git a/frappe/public/js/frappe/form/templates/timeline_message_box.html b/frappe/public/js/frappe/form/templates/timeline_message_box.html
index 2d7110bd36..92a1320de3 100644
--- a/frappe/public/js/frappe/form/templates/timeline_message_box.html
+++ b/frappe/public/js/frappe/form/templates/timeline_message_box.html
@@ -30,8 +30,9 @@
 				<span>
 					{{ frappe.avatar(doc.owner, "avatar-medium") }}
 					<span class="ml-2" style="font-size: var(--text-base);">{{ doc.user_full_name || frappe.user.full_name(doc.owner) }}</span>
-					<span style="color: var(--text-muted);">{{ __("commented") }}</span>
-					<span class="margin-left" style="color: var(--text-muted);">
+					<span class="text-muted">{{ __("commented") }}</span>
+					<span> . </span>
+					<span class="margin-left text-muted">
 						{{ comment_when(doc.creation) }}
 					</span>
 				</span>
@@ -45,10 +46,9 @@
                     <span class="text-muted">
 						{{ comment_when(doc.creation) }}
 					</span>
-                    {% if (doc.subject ) { %}
-                        <div class="text-muted my-1 ">{{doc.subject}}</div>
-                    {% } %}
-
+					{% if (doc.subject) { %}
+						<div class="text-muted my-1">{{doc.subject}}</div>
+					{% } %}
 				</div>
 			{% } %}
 		</span>