diff --git a/frappe/desk/page/user_profile/user_profile.css b/frappe/desk/page/user_profile/user_profile.css
index 5d6c775474..9bcfc3394a 100644
--- a/frappe/desk/page/user_profile/user_profile.css
+++ b/frappe/desk/page/user_profile/user_profile.css
@@ -2,6 +2,10 @@
 	padding-top: 0;
 }
 
+.recent-activity .new-timeline:before {
+	top: 25px;
+}
+
 .recent-activity-title {
 	font-weight: 700;
 	font-size: var(--text-xl);
diff --git a/frappe/public/scss/desk/timeline.scss b/frappe/public/scss/desk/timeline.scss
index 571fb0b26c..43db6fffed 100644
--- a/frappe/public/scss/desk/timeline.scss
+++ b/frappe/public/scss/desk/timeline.scss
@@ -28,10 +28,10 @@ $threshold: 34;
 
 	&:before {
 		content: ' ';
-		top: 25px;
+		top: 40px; // TODO: get top and bottom programmatically
 		position: absolute;
 		border-left: 1px solid var(--dark-border-color);
-		bottom: calc(-1 * var(--timeline-item-bottom-margin));
+		bottom: calc(-1 * var(--timeline-item-bottom-margin) + 25px);
 	}
 	.timeline-dot {
 		@include timeline-badge(16px);