diff --git a/web/src/ui/timeline/TimelineEvent.css b/web/src/ui/timeline/TimelineEvent.css
index 6e3bfbc..12aad1b 100644
--- a/web/src/ui/timeline/TimelineEvent.css
+++ b/web/src/ui/timeline/TimelineEvent.css
@@ -1,7 +1,7 @@
 div.timeline-event {
 	width: calc(100% - 2 * 1.6rem);
 	max-width: calc(100% - 2 * 1.6rem);
-	padding: calc(var(--timeline-message-gap)/2) 1.6rem;
+	padding: 0 1.6rem;
 	display: grid;
 	grid-template:
 		"cmc                          cmc                        cmc      cmc"    0
@@ -9,6 +9,7 @@ div.timeline-event {
 		"avatar                       gap                        content  status" auto
 		/ var(--timeline-avatar-size) var(--timeline-avatar-gap) 1fr      2rem;
 	contain: layout;
+	margin-top: var(--timeline-message-gap);
 
 	&.highlight {
 		background-color: var(--timeline-highlight-bg-color);
@@ -120,7 +121,7 @@ div.timeline-event {
 			"cmc                                cmc     cmc"    0
 			"timestamp                          content status" auto
 			/ var(--timeline-avatar-total-size) 1fr     2rem;
-		padding-top: calc(var(--timeline-message-gap-same-sender)/2);
+		margin-top: var(--timeline-message-gap-same-sender);
 
 		> div.sender-avatar, > div.event-sender-and-time {
 			display: none;