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 4efb1f0b10..e6de6c9c6b 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>
@@ -39,15 +40,19 @@
 				<span class="margin-right">
 					{{ frappe.avatar(doc.owner, "avatar-medium") }}
 				</span>
-				<span>
+				<div>
 					{{ doc.user_full_name || frappe.user.full_name(doc.owner) }}
-					<div class="text-muted">
+					<span> . </span>
+					<span class="text-muted">
 						{{ comment_when(doc.creation) }}
-					</div>
-				</span>
+					</span>
+					{% if (doc.subject) { %}
+						<div class="text-muted my-1">{{doc.subject}}</div>
+					{% } %}
+				</div>
 			{% } %}
 		</span>
-		<span class="actions">
+		<span class="actions" style="flex-shrink: 0">
 			{% if (doc._doc_status && doc._doc_status_indicator) { %}
 			<span class="indicator-pill {%= doc._doc_status_indicator %}"
 				title="{%= __(doc._doc_status) %}"