diff --git a/src/styles/components/_timeline.sass b/src/styles/components/_timeline.sass
index f455b93a..495fc783 100644
--- a/src/styles/components/_timeline.sass
+++ b/src/styles/components/_timeline.sass
@@ -1,4 +1,10 @@
 .timeline
+
+	// Shown briefly while the timeline is loading.
+	&.placeholder
+		color: $color-text-dark-hint
+		height: 75vh // Timelines are usually long, so scale the placeholder to almost viewport height.
+
 	.group
 		opacity: 0
 		animation: fade-in 500ms forwards
diff --git a/src/templates/mixins/components.pug b/src/templates/mixins/components.pug
index d64ba27c..f226b3a5 100644
--- a/src/templates/mixins/components.pug
+++ b/src/templates/mixins/components.pug
@@ -80,9 +80,10 @@ mixin timeline(projectid, sortdirection)
 		data-project-id=projectid,
 		data-sort-dir=sortdirection,
 	)
-		// TODO: Make nicer reuseable placeholder
-		.h3.text-center.text-secondary.p-5.border-bottom
-			i.pi-spin.spin
+		.d-flex.w-100.h-100
+			//- TODO: Make nicer reuseable placeholder
+			.h3.text-muted.m-auto
+				i.pi-spin.spin
 
 
 //- Category listing (Learn, Libraries, etc).