diff --git a/web/boneyard.config.json b/web/boneyard.config.json
index 1cecc1182..05a5b5345 100644
--- a/web/boneyard.config.json
+++ b/web/boneyard.config.json
@@ -133,9 +133,6 @@
 		"timeline-recentspreview--skeleton-fixture": {
 			"route": "/iframe.html?id=timeline-recentspreview--skeleton-fixture&viewMode=story"
 		},
-		"timeline-trendingreposlist--skeleton-fixture": {
-			"route": "/iframe.html?id=timeline-trendingreposlist--skeleton-fixture&viewMode=story"
-		},
 		"timeline-notificationspreview--skeleton-fixture": {
 			"route": "/iframe.html?id=timeline-notificationspreview--skeleton-fixture&viewMode=story"
 		},
diff --git a/web/src/lib/bones/timeline-notificationspreview--skeleton-fixture.bones.json b/web/src/lib/bones/timeline-notificationspreview--skeleton-fixture.bones.json
index 850fd16f1..327dcf83a 100644
--- a/web/src/lib/bones/timeline-notificationspreview--skeleton-fixture.bones.json
+++ b/web/src/lib/bones/timeline-notificationspreview--skeleton-fixture.bones.json
@@ -4,82 +4,122 @@
 			"name": "timeline-notificationspreview--skeleton-fixture",
 			"viewportWidth": 343,
 			"width": 343,
-			"height": 179,
+			"height": 285,
 			"bones": [
-				[0, 0, 100, 179, 0, true, 0, true],
-				[3.4985, 18, 4.0816, 14, "50%"],
-				[12.2449, 16, 65.297, 17, 6],
+				[0, 0, 100, 285, 0, true, 0, true],
+				[3.4985, 18, 4.0816, 14, 0],
+				[17.3059, 16, 60.236, 17, 6],
 				[84.4023, 17, 12.0991, 15, 6],
-				[12.2449, 41, 82.5528, 16, 6],
-				[3.4985, 83, 4.0816, 14, "50%"],
-				[12.2449, 81, 65.297, 17, 6],
+				[3.4985, 41, 9.1427, 15, 6],
+				[17.3059, 41, 71.0778, 15, 6],
+				[3.4985, 83, 4.0816, 14, 0],
+				[17.3059, 81, 60.236, 17, 6],
 				[82.2066, 82, 14.2948, 15, 6],
-				[12.2449, 106, 76.8085, 16, 6],
-				[3.4985, 148, 4.0816, 14, "50%"],
-				[12.2449, 146, 65.297, 17, 6],
-				[82.2066, 147, 14.2948, 15, 6]
+				[3.4985, 106, 9.1427, 15, 6],
+				[17.3059, 106, 65.3335, 15, 6],
+				[3.4985, 148, 4.0816, 14, 0],
+				[17.3059, 146, 60.236, 17, 6],
+				[82.2066, 147, 14.2948, 15, 6],
+				[3.4985, 189, 4.0816, 14, 0],
+				[17.3059, 187, 60.236, 17, 6],
+				[85.4546, 188, 11.0468, 15, 6],
+				[3.4985, 212, 6.9379, 15, 6],
+				[17.3059, 212, 66.9825, 15, 6],
+				[3.4985, 254, 4.0816, 14, 0],
+				[17.3059, 252, 52.3324, 17, 6],
+				[85.4546, 253, 11.0468, 15, 6]
 			]
 		},
 		"768": {
 			"name": "timeline-notificationspreview--skeleton-fixture",
 			"viewportWidth": 400,
 			"width": 400,
-			"height": 179,
+			"height": 285,
 			"bones": [
-				[0, 0, 100, 179, 0, true, 0, true],
-				[4, 18, 3.5, 14, "50%"],
-				[11.5, 16, 68.2422, 17, 6],
+				[0, 0, 100, 285, 0, true, 0, true],
+				[4, 18, 3.5, 14, 0],
+				[15.8398, 16, 63.9023, 17, 6],
 				[85.625, 17, 10.375, 15, 6],
-				[11.5, 41, 70.7891, 16, 6],
-				[4, 83, 3.5, 14, "50%"],
-				[11.5, 81, 68.2422, 17, 6],
+				[4, 41, 7.8398, 15, 6],
+				[15.8398, 41, 60.9492, 15, 6],
+				[4, 83, 3.5, 14, 0],
+				[15.8398, 81, 63.9023, 17, 6],
 				[83.7422, 82, 12.2578, 15, 6],
-				[11.5, 106, 65.8633, 16, 6],
-				[4, 148, 3.5, 14, "50%"],
-				[11.5, 146, 63.7422, 17, 6],
-				[83.7422, 147, 12.2578, 15, 6]
+				[4, 106, 7.8398, 15, 6],
+				[15.8398, 106, 56.0234, 15, 6],
+				[4, 148, 3.5, 14, 0],
+				[15.8398, 146, 63.7422, 17, 6],
+				[83.7422, 147, 12.2578, 15, 6],
+				[4, 189, 3.5, 14, 0],
+				[15.8398, 187, 63.9023, 17, 6],
+				[86.5273, 188, 9.4727, 15, 6],
+				[4, 212, 5.9492, 15, 6],
+				[15.8398, 212, 57.4375, 15, 6],
+				[4, 254, 3.5, 14, 0],
+				[15.8398, 252, 44.875, 17, 6],
+				[86.5273, 253, 9.4727, 15, 6]
 			]
 		},
 		"1024": {
 			"name": "timeline-notificationspreview--skeleton-fixture",
 			"viewportWidth": 400,
 			"width": 400,
-			"height": 179,
+			"height": 285,
 			"bones": [
-				[0, 0, 100, 179, 0, true, 0, true],
-				[4, 18, 3.5, 14, "50%"],
-				[11.5, 16, 68.2422, 17, 6],
+				[0, 0, 100, 285, 0, true, 0, true],
+				[4, 18, 3.5, 14, 0],
+				[15.8398, 16, 63.9023, 17, 6],
 				[85.625, 17, 10.375, 15, 6],
-				[11.5, 41, 70.7891, 16, 6],
-				[4, 83, 3.5, 14, "50%"],
-				[11.5, 81, 68.2422, 17, 6],
+				[4, 41, 7.8398, 15, 6],
+				[15.8398, 41, 60.9492, 15, 6],
+				[4, 83, 3.5, 14, 0],
+				[15.8398, 81, 63.9023, 17, 6],
 				[83.7422, 82, 12.2578, 15, 6],
-				[11.5, 106, 65.8633, 16, 6],
-				[4, 148, 3.5, 14, "50%"],
-				[11.5, 146, 63.7422, 17, 6],
-				[83.7422, 147, 12.2578, 15, 6]
+				[4, 106, 7.8398, 15, 6],
+				[15.8398, 106, 56.0234, 15, 6],
+				[4, 148, 3.5, 14, 0],
+				[15.8398, 146, 63.7422, 17, 6],
+				[83.7422, 147, 12.2578, 15, 6],
+				[4, 189, 3.5, 14, 0],
+				[15.8398, 187, 63.9023, 17, 6],
+				[86.5273, 188, 9.4727, 15, 6],
+				[4, 212, 5.9492, 15, 6],
+				[15.8398, 212, 57.4375, 15, 6],
+				[4, 254, 3.5, 14, 0],
+				[15.8398, 252, 44.875, 17, 6],
+				[86.5273, 253, 9.4727, 15, 6]
 			]
 		},
 		"1440": {
 			"name": "timeline-notificationspreview--skeleton-fixture",
 			"viewportWidth": 400,
 			"width": 400,
-			"height": 179,
+			"height": 285,
 			"bones": [
-				[0, 0, 100, 179, 0, true, 0, true],
-				[4, 18, 3.5, 14, "50%"],
-				[11.5, 16, 68.2422, 17, 6],
+				[0, 0, 100, 285, 0, true, 0, true],
+				[4, 18, 3.5, 14, 0],
+				[15.8398, 16, 63.9023, 17, 6],
 				[85.625, 17, 10.375, 15, 6],
-				[11.5, 41, 70.7891, 16, 6],
-				[4, 83, 3.5, 14, "50%"],
-				[11.5, 81, 68.2422, 17, 6],
+				[4, 41, 7.8398, 15, 6],
+				[15.8398, 41, 60.9492, 15, 6],
+				[4, 83, 3.5, 14, 0],
+				[15.8398, 81, 63.9023, 17, 6],
 				[83.7422, 82, 12.2578, 15, 6],
-				[11.5, 106, 65.8633, 16, 6],
-				[4, 148, 3.5, 14, "50%"],
-				[11.5, 146, 63.7422, 17, 6],
-				[83.7422, 147, 12.2578, 15, 6]
+				[4, 106, 7.8398, 15, 6],
+				[15.8398, 106, 56.0234, 15, 6],
+				[4, 148, 3.5, 14, 0],
+				[15.8398, 146, 63.7422, 17, 6],
+				[83.7422, 147, 12.2578, 15, 6],
+				[4, 189, 3.5, 14, 0],
+				[15.8398, 187, 63.9023, 17, 6],
+				[86.5273, 188, 9.4727, 15, 6],
+				[4, 212, 5.9492, 15, 6],
+				[15.8398, 212, 57.4375, 15, 6],
+				[4, 254, 3.5, 14, 0],
+				[15.8398, 252, 44.875, 17, 6],
+				[86.5273, 253, 9.4727, 15, 6]
 			]
 		}
 	},
-	"_hash": "751198ab9e5973a848707f8739b8c2d3"
+	"_hash": "713ac8581e633a56a41427fdcd8d53e0"
 }
diff --git a/web/src/lib/bones/timeline-recentspreview--skeleton-fixture.bones.json b/web/src/lib/bones/timeline-recentspreview--skeleton-fixture.bones.json
index 295b9a696..f1131362c 100644
--- a/web/src/lib/bones/timeline-recentspreview--skeleton-fixture.bones.json
+++ b/web/src/lib/bones/timeline-recentspreview--skeleton-fixture.bones.json
@@ -4,98 +4,130 @@
 			"name": "timeline-recentspreview--skeleton-fixture",
 			"viewportWidth": 343,
 			"width": 343,
-			"height": 193,
+			"height": 276,
 			"bones": [
-				[0, 0, 100, 193, "0px 0px 4px 4px", true, 0, true],
-				[3.4985, 12, 6.1224, 21, "50%"],
-				[13.1195, 15, 27.305, 15, 6],
-				[85.7143, 15, 10.7872, 15, 6],
-				[3.4985, 49, 6.1224, 21, "50%"],
-				[13.1195, 52, 31.5051, 15, 6],
-				[85.7143, 52, 10.7872, 15, 6],
-				[3.4985, 86, 6.1224, 21, "50%"],
-				[13.1195, 89, 17.93, 15, 6],
-				[85.7143, 89, 10.7872, 15, 6],
-				[3.4985, 123, 6.1224, 21, "50%"],
-				[13.1195, 126, 32.9355, 15, 6],
-				[85.7143, 126, 10.7872, 15, 6],
-				[3.4985, 160, 6.1224, 21, "50%"],
-				[13.1195, 163, 27.2504, 15, 6],
-				[85.7143, 163, 10.7872, 15, 6]
+				[0, 0, 100, 276, "0px 0px 4px 4px", true, 0, true],
+				[3.4985, 12, 8.1633, 28, "50%"],
+				[15.1603, 18, 27.305, 15, 6],
+				[85.7143, 18, 10.7872, 15, 6],
+				[3.4985, 66, 8.1633, 28, "50%", true, 15, false],
+				[5.5394, 73, 4.0816, 14, 0],
+				[15.1603, 64, 74.2802, 15, 6],
+				[15.1603, 80, 26.8267, 15, 6],
+				[85.7143, 64, 10.7872, 15, 6],
+				[3.4985, 122, 8.1633, 28, "50%", true, 15, false],
+				[5.5394, 129, 4.0816, 14, 0],
+				[15.1603, 120, 70.5494, 15, 6],
+				[15.1603, 136, 32.2795, 15, 6],
+				[85.7143, 120, 10.7872, 15, 6],
+				[3.4985, 178, 8.1633, 28, "50%", true, 15, false],
+				[5.5394, 185, 4.0816, 14, 0],
+				[15.1603, 176, 69.0051, 15, 6],
+				[15.1603, 192, 32.2795, 15, 6],
+				[85.7143, 176, 10.7872, 15, 6],
+				[3.4985, 234, 8.1633, 28, "50%", true, 15, false],
+				[5.5394, 241, 4.0816, 14, 0],
+				[15.1603, 232, 81.5825, 15, 6],
+				[15.1603, 248, 26.8267, 15, 6],
+				[85.7143, 232, 10.7872, 15, 6]
 			]
 		},
 		"768": {
 			"name": "timeline-recentspreview--skeleton-fixture",
 			"viewportWidth": 400,
 			"width": 400,
-			"height": 193,
+			"height": 276,
 			"bones": [
-				[0, 0, 100, 193, "0px 0px 4px 4px", true, 0, true],
-				[3, 12, 5.25, 21, "50%"],
-				[11.25, 15, 23.4141, 15, 6],
-				[87.75, 15, 9.25, 15, 6],
-				[3, 49, 5.25, 21, "50%"],
-				[11.25, 52, 27.0156, 15, 6],
-				[87.75, 52, 9.25, 15, 6],
-				[3, 86, 5.25, 21, "50%"],
-				[11.25, 89, 15.375, 15, 6],
-				[87.75, 89, 9.25, 15, 6],
-				[3, 123, 5.25, 21, "50%"],
-				[11.25, 126, 28.2422, 15, 6],
-				[87.75, 126, 9.25, 15, 6],
-				[3, 160, 5.25, 21, "50%"],
-				[11.25, 163, 23.3672, 15, 6],
-				[87.75, 163, 9.25, 15, 6]
+				[0, 0, 100, 276, "0px 0px 4px 4px", true, 0, true],
+				[3, 12, 7, 28, "50%"],
+				[13, 18, 23.4141, 15, 6],
+				[87.75, 18, 9.25, 15, 6],
+				[3, 66, 7, 28, "50%", true, 15, false],
+				[4.75, 73, 3.5, 14, 0],
+				[13, 64, 63.6953, 15, 6],
+				[13, 80, 23.0039, 15, 6],
+				[87.75, 64, 9.25, 15, 6],
+				[3, 122, 7, 28, "50%", true, 15, false],
+				[4.75, 129, 3.5, 14, 0],
+				[13, 120, 60.4961, 15, 6],
+				[13, 136, 27.6797, 15, 6],
+				[87.75, 120, 9.25, 15, 6],
+				[3, 178, 7, 28, "50%", true, 15, false],
+				[4.75, 185, 3.5, 14, 0],
+				[13, 176, 59.1719, 15, 6],
+				[13, 192, 27.6797, 15, 6],
+				[87.75, 176, 9.25, 15, 6],
+				[3, 234, 7, 28, "50%", true, 15, false],
+				[4.75, 241, 3.5, 14, 0],
+				[13, 232, 69.957, 15, 6],
+				[13, 248, 23.0039, 15, 6],
+				[87.75, 232, 9.25, 15, 6]
 			]
 		},
 		"1024": {
 			"name": "timeline-recentspreview--skeleton-fixture",
 			"viewportWidth": 400,
 			"width": 400,
-			"height": 193,
+			"height": 276,
 			"bones": [
-				[0, 0, 100, 193, "0px 0px 4px 4px", true, 0, true],
-				[3, 12, 5.25, 21, "50%"],
-				[11.25, 15, 23.4141, 15, 6],
-				[87.75, 15, 9.25, 15, 6],
-				[3, 49, 5.25, 21, "50%"],
-				[11.25, 52, 27.0156, 15, 6],
-				[87.75, 52, 9.25, 15, 6],
-				[3, 86, 5.25, 21, "50%"],
-				[11.25, 89, 15.375, 15, 6],
-				[87.75, 89, 9.25, 15, 6],
-				[3, 123, 5.25, 21, "50%"],
-				[11.25, 126, 28.2422, 15, 6],
-				[87.75, 126, 9.25, 15, 6],
-				[3, 160, 5.25, 21, "50%"],
-				[11.25, 163, 23.3672, 15, 6],
-				[87.75, 163, 9.25, 15, 6]
+				[0, 0, 100, 276, "0px 0px 4px 4px", true, 0, true],
+				[3, 12, 7, 28, "50%"],
+				[13, 18, 23.4141, 15, 6],
+				[87.75, 18, 9.25, 15, 6],
+				[3, 66, 7, 28, "50%", true, 15, false],
+				[4.75, 73, 3.5, 14, 0],
+				[13, 64, 63.6953, 15, 6],
+				[13, 80, 23.0039, 15, 6],
+				[87.75, 64, 9.25, 15, 6],
+				[3, 122, 7, 28, "50%", true, 15, false],
+				[4.75, 129, 3.5, 14, 0],
+				[13, 120, 60.4961, 15, 6],
+				[13, 136, 27.6797, 15, 6],
+				[87.75, 120, 9.25, 15, 6],
+				[3, 178, 7, 28, "50%", true, 15, false],
+				[4.75, 185, 3.5, 14, 0],
+				[13, 176, 59.1719, 15, 6],
+				[13, 192, 27.6797, 15, 6],
+				[87.75, 176, 9.25, 15, 6],
+				[3, 234, 7, 28, "50%", true, 15, false],
+				[4.75, 241, 3.5, 14, 0],
+				[13, 232, 69.957, 15, 6],
+				[13, 248, 23.0039, 15, 6],
+				[87.75, 232, 9.25, 15, 6]
 			]
 		},
 		"1440": {
 			"name": "timeline-recentspreview--skeleton-fixture",
 			"viewportWidth": 400,
 			"width": 400,
-			"height": 193,
+			"height": 276,
 			"bones": [
-				[0, 0, 100, 193, "0px 0px 4px 4px", true, 0, true],
-				[3, 12, 5.25, 21, "50%"],
-				[11.25, 15, 23.4141, 15, 6],
-				[87.75, 15, 9.25, 15, 6],
-				[3, 49, 5.25, 21, "50%"],
-				[11.25, 52, 27.0156, 15, 6],
-				[87.75, 52, 9.25, 15, 6],
-				[3, 86, 5.25, 21, "50%"],
-				[11.25, 89, 15.375, 15, 6],
-				[87.75, 89, 9.25, 15, 6],
-				[3, 123, 5.25, 21, "50%"],
-				[11.25, 126, 28.2422, 15, 6],
-				[87.75, 126, 9.25, 15, 6],
-				[3, 160, 5.25, 21, "50%"],
-				[11.25, 163, 23.3672, 15, 6],
-				[87.75, 163, 9.25, 15, 6]
+				[0, 0, 100, 276, "0px 0px 4px 4px", true, 0, true],
+				[3, 12, 7, 28, "50%"],
+				[13, 18, 23.4141, 15, 6],
+				[87.75, 18, 9.25, 15, 6],
+				[3, 66, 7, 28, "50%", true, 15, false],
+				[4.75, 73, 3.5, 14, 0],
+				[13, 64, 63.6953, 15, 6],
+				[13, 80, 23.0039, 15, 6],
+				[87.75, 64, 9.25, 15, 6],
+				[3, 122, 7, 28, "50%", true, 15, false],
+				[4.75, 129, 3.5, 14, 0],
+				[13, 120, 60.4961, 15, 6],
+				[13, 136, 27.6797, 15, 6],
+				[87.75, 120, 9.25, 15, 6],
+				[3, 178, 7, 28, "50%", true, 15, false],
+				[4.75, 185, 3.5, 14, 0],
+				[13, 176, 59.1719, 15, 6],
+				[13, 192, 27.6797, 15, 6],
+				[87.75, 176, 9.25, 15, 6],
+				[3, 234, 7, 28, "50%", true, 15, false],
+				[4.75, 241, 3.5, 14, 0],
+				[13, 232, 69.957, 15, 6],
+				[13, 248, 23.0039, 15, 6],
+				[87.75, 232, 9.25, 15, 6]
 			]
 		}
 	},
-	"_hash": "0333cdcf0ce6b52df91a8fac0c486110"
+	"_hash": "52642913c04733a271f0ad1108292432"
 }
diff --git a/web/src/lib/bones/timeline-trendingreposlist--skeleton-fixture.bones.json b/web/src/lib/bones/timeline-trendingreposlist--skeleton-fixture.bones.json
index 8c6729a49..a72b7d83f 100644
--- a/web/src/lib/bones/timeline-trendingreposlist--skeleton-fixture.bones.json
+++ b/web/src/lib/bones/timeline-trendingreposlist--skeleton-fixture.bones.json
@@ -1,101 +1,88 @@
 {
 	"breakpoints": {
 		"375": {
-			"name": "timeline-trendingreposlist--skeleton-fixture",
-			"viewportWidth": 343,
 			"width": 343,
-			"height": 392,
+			"height": 300,
 			"bones": [
-				[6.537, 20, 3.4985, 12, 0],
-				[23.3236, 18, 29.5782, 16, 6],
-				[23.3236, 40, 65.4565, 15, 6],
-				[23.3236, 56, 38.3473, 15, 6],
-				[9.6119, 100, 3.4985, 12, 0],
-				[23.3236, 98, 35.6778, 16, 6],
-				[23.3236, 120, 50.1503, 15, 6],
-				[23.3236, 136, 25.9566, 15, 6],
-				[11.7985, 180, 3.4985, 12, 0],
-				[23.3236, 178, 76.6764, 16, 6],
-				[23.3236, 200, 25.779, 15, 6],
-				[6.537, 244, 3.4985, 12, 0],
-				[23.3236, 242, 29.5782, 16, 6],
-				[23.3236, 264, 65.4565, 15, 6],
-				[23.3236, 280, 38.3473, 15, 6],
-				[9.6119, 324, 3.4985, 12, 0],
-				[23.3236, 322, 35.6778, 16, 6],
-				[23.3236, 344, 50.1503, 15, 6],
-				[23.3236, 360, 25.9566, 15, 6]
+				[13.9942, 13, 6.9971, 14, 4],
+				[25.656, 12, 38.3236, 16, 4],
+				[25.656, 30, 55.7434, 14, 4],
+				[13.9942, 73, 6.9971, 14, 4],
+				[25.656, 72, 38.3236, 16, 4],
+				[25.656, 90, 55.7434, 14, 4],
+				[13.9942, 133, 6.9971, 14, 4],
+				[25.656, 132, 38.3236, 16, 4],
+				[25.656, 150, 55.7434, 14, 4],
+				[13.9942, 193, 6.9971, 14, 4],
+				[25.656, 192, 38.3236, 16, 4],
+				[25.656, 210, 55.7434, 14, 4],
+				[13.9942, 253, 6.9971, 14, 4],
+				[25.656, 252, 38.3236, 16, 4],
+				[25.656, 270, 55.7434, 14, 4]
 			]
 		},
 		"768": {
-			"name": "timeline-trendingreposlist--skeleton-fixture",
-			"viewportWidth": 736,
 			"width": 736,
-			"height": 328,
+			"height": 300,
 			"bones": [
-				[3.0465, 20, 1.6304, 12, 0],
-				[10.8696, 18, 13.7844, 16, 6],
-				[10.8696, 40, 48.7602, 15, 6],
-				[4.4794, 84, 1.6304, 12, 0],
-				[10.8696, 82, 16.627, 16, 6],
-				[10.8696, 104, 35.8738, 15, 6],
-				[5.4985, 148, 1.6304, 12, 0],
-				[10.8696, 146, 50, 16, 6],
-				[10.8696, 168, 12.0138, 15, 6],
-				[3.0465, 212, 1.6304, 12, 0],
-				[10.8696, 210, 13.7844, 16, 6],
-				[10.8696, 232, 48.7602, 15, 6],
-				[4.4794, 276, 1.6304, 12, 0],
-				[10.8696, 274, 16.627, 16, 6],
-				[10.8696, 296, 35.8738, 15, 6]
+				[6.5217, 13, 3.2609, 14, 4],
+				[11.9565, 12, 47.2283, 16, 4],
+				[11.9565, 30, 68.6957, 14, 4],
+				[6.5217, 73, 3.2609, 14, 4],
+				[11.9565, 72, 47.2283, 16, 4],
+				[11.9565, 90, 68.6957, 14, 4],
+				[6.5217, 133, 3.2609, 14, 4],
+				[11.9565, 132, 47.2283, 16, 4],
+				[11.9565, 150, 68.6957, 14, 4],
+				[6.5217, 193, 3.2609, 14, 4],
+				[11.9565, 192, 47.2283, 16, 4],
+				[11.9565, 210, 68.6957, 14, 4],
+				[6.5217, 253, 3.2609, 14, 4],
+				[11.9565, 252, 47.2283, 16, 4],
+				[11.9565, 270, 68.6957, 14, 4]
 			]
 		},
 		"1024": {
-			"name": "timeline-trendingreposlist--skeleton-fixture",
-			"viewportWidth": 992,
 			"width": 992,
-			"height": 328,
+			"height": 300,
 			"bones": [
-				[2.2603, 20, 1.2097, 12, 0],
-				[8.0645, 18, 10.2271, 16, 6],
-				[8.0645, 40, 36.1769, 15, 6],
-				[3.3235, 84, 1.2097, 12, 0],
-				[8.0645, 82, 12.3362, 16, 6],
-				[8.0645, 104, 26.6161, 15, 6],
-				[4.0795, 148, 1.2097, 12, 0],
-				[8.0645, 146, 37.0968, 16, 6],
-				[8.0645, 168, 8.9135, 15, 6],
-				[2.2603, 212, 1.2097, 12, 0],
-				[8.0645, 210, 10.2271, 16, 6],
-				[8.0645, 232, 36.1769, 15, 6],
-				[3.3235, 276, 1.2097, 12, 0],
-				[8.0645, 274, 12.3362, 16, 6],
-				[8.0645, 296, 26.6161, 15, 6]
+				[4.8387, 13, 2.4194, 14, 4],
+				[8.871, 12, 49.2339, 16, 4],
+				[8.871, 30, 71.6129, 14, 4],
+				[4.8387, 73, 2.4194, 14, 4],
+				[8.871, 72, 49.2339, 16, 4],
+				[8.871, 90, 71.6129, 14, 4],
+				[4.8387, 133, 2.4194, 14, 4],
+				[8.871, 132, 49.2339, 16, 4],
+				[8.871, 150, 71.6129, 14, 4],
+				[4.8387, 193, 2.4194, 14, 4],
+				[8.871, 192, 49.2339, 16, 4],
+				[8.871, 210, 71.6129, 14, 4],
+				[4.8387, 253, 2.4194, 14, 4],
+				[8.871, 252, 49.2339, 16, 4],
+				[8.871, 270, 71.6129, 14, 4]
 			]
 		},
 		"1440": {
-			"name": "timeline-trendingreposlist--skeleton-fixture",
-			"viewportWidth": 1408,
 			"width": 1408,
-			"height": 328,
+			"height": 300,
 			"bones": [
-				[1.5925, 20, 0.8523, 12, 0],
-				[5.6818, 18, 7.2055, 16, 6],
-				[5.6818, 40, 25.4883, 15, 6],
-				[2.3415, 84, 0.8523, 12, 0],
-				[5.6818, 82, 8.6914, 16, 6],
-				[5.6818, 104, 18.7522, 15, 6],
-				[2.8742, 148, 0.8523, 12, 0],
-				[5.6818, 146, 26.1364, 16, 6],
-				[5.6818, 168, 6.28, 15, 6],
-				[1.5925, 212, 0.8523, 12, 0],
-				[5.6818, 210, 7.2055, 16, 6],
-				[5.6818, 232, 25.4883, 15, 6],
-				[2.3415, 276, 0.8523, 12, 0],
-				[5.6818, 274, 8.6914, 16, 6],
-				[5.6818, 296, 18.7522, 15, 6]
+				[3.4091, 13, 1.7045, 14, 4],
+				[6.25, 12, 50.9375, 16, 4],
+				[6.25, 30, 74.0909, 14, 4],
+				[3.4091, 73, 1.7045, 14, 4],
+				[6.25, 72, 50.9375, 16, 4],
+				[6.25, 90, 74.0909, 14, 4],
+				[3.4091, 133, 1.7045, 14, 4],
+				[6.25, 132, 50.9375, 16, 4],
+				[6.25, 150, 74.0909, 14, 4],
+				[3.4091, 193, 1.7045, 14, 4],
+				[6.25, 192, 50.9375, 16, 4],
+				[6.25, 210, 74.0909, 14, 4],
+				[3.4091, 253, 1.7045, 14, 4],
+				[6.25, 252, 50.9375, 16, 4],
+				[6.25, 270, 74.0909, 14, 4]
 			]
 		}
-	},
-	"_hash": "6d25819e543b26d68746cfba1f091f27"
+	}
 }
diff --git a/web/src/lib/components/timeline/NotificationsPreview.stories.svelte b/web/src/lib/components/timeline/NotificationsPreview.stories.svelte
index 5024e4b8f..25a7a09bf 100644
--- a/web/src/lib/components/timeline/NotificationsPreview.stories.svelte
+++ b/web/src/lib/components/timeline/NotificationsPreview.stories.svelte
@@ -31,15 +31,15 @@
 
 <Story
 	name="Skeleton fixture"
-	args={{ signedIn: true, notifications: mockNotifications.slice(0, 3) }}
+	args={{ signedIn: true, notifications: mockNotifications.slice(0, 5) }}
 	parameters={{
 		bones: {
-			class: "w-full max-w-100 [&_a::after]:hidden [&_[data-notification]>svg]:rounded-full"
+			class: "w-full max-w-100 [&_a::after]:hidden"
 		}
 	}}
 >
 	{#snippet template()}
-		<NotificationList notifications={mockNotifications.slice(0, 3)} border={false} />
+		<NotificationList notifications={mockNotifications.slice(0, 5)} border={false} />
 	{/snippet}
 </Story>
 
diff --git a/web/src/lib/components/timeline/NotificationsPreview.svelte b/web/src/lib/components/timeline/NotificationsPreview.svelte
index f7edc9f68..7fb4e1e56 100644
--- a/web/src/lib/components/timeline/NotificationsPreview.svelte
+++ b/web/src/lib/components/timeline/NotificationsPreview.svelte
@@ -64,12 +64,7 @@
 	{/if}
 {/snippet}
 
-<PreviewCard
-	title="Notifications"
-	icon={Bell}
-	href={path}
-	skeleton={signedIn ? timelineNotificationspreviewSkeletonFixture : undefined}
->
+<PreviewCard title="Notifications" icon={Bell} href={path}>
 	{#snippet action()}
 		<Button
 			href={resolve(path as "/")}
diff --git a/web/src/lib/components/timeline/PreviewCard.svelte b/web/src/lib/components/timeline/PreviewCard.svelte
index f9d873c19..c32308d1b 100644
--- a/web/src/lib/components/timeline/PreviewCard.svelte
+++ b/web/src/lib/components/timeline/PreviewCard.svelte
@@ -1,12 +1,9 @@
 <script lang="ts">
 	import type { Component, Snippet } from "svelte";
 	import type { SvelteHTMLElements } from "svelte/elements";
-	import { prefersReducedMotion } from "svelte/motion";
-	import { bonesShot, type BonesCapture } from "#lib/components/ui/Bones.svelte";
 	import LayerCard from "#lib/components/ui/LayerCard.svelte";
 	import LayerCardPrimary from "#lib/components/ui/LayerCardPrimary.svelte";
 	import LayerCardSecondary from "#lib/components/ui/LayerCardSecondary.svelte";
-	import { CROSSFADE_DURATION, CROSSFADE_EASING } from "#lib/motion/spring.ts";
 
 	interface Props {
 		title: string;
@@ -16,44 +13,12 @@
 		href?: string;
 		/** trailing content in the header row, e.g. a "view all" link */
 		action?: Snippet;
-		skeleton?: BonesCapture;
 		children: Snippet;
 	}
 
-	let { title, icon, href, action, skeleton, children }: Props = $props();
-
-	const floor = $derived(skeleton ? (bonesShot(skeleton)?.height ?? 0) : 0);
+	let { title, icon, href, action, children }: Props = $props();
 
 	const Icon = $derived(icon);
-
-	let height = $state<number | null>(null);
-	let mounted = $state(false);
-
-	$effect(() => {
-		if (height !== null && !mounted) mounted = true;
-	});
-
-	const bodyStyle = $derived(
-		[
-			height === null ? "" : `height: ${height}px;`,
-			mounted && !prefersReducedMotion.current
-				? `transition: height ${CROSSFADE_DURATION}ms ${CROSSFADE_EASING};`
-				: ""
-		].join(" ")
-	);
-
-	function measure(node: HTMLElement) {
-		const observer = new ResizeObserver(() => {
-			height = node.offsetHeight;
-		});
-		observer.observe(node);
-		height = node.offsetHeight;
-		return {
-			destroy() {
-				observer.disconnect();
-			}
-		};
-	}
 </script>
 
 {#snippet heading()}
@@ -79,9 +44,7 @@
 		{/if}
 		{@render action?.()}
 	</LayerCardSecondary>
-	<LayerCardPrimary padding="none" style={bodyStyle}>
-		<div use:measure class="flex flex-col" style="min-height: {floor}px;">
-			{@render children()}
-		</div>
+	<LayerCardPrimary padding="none">
+		{@render children()}
 	</LayerCardPrimary>
 </LayerCard>
diff --git a/web/src/lib/components/timeline/PreviewEmpty.svelte b/web/src/lib/components/timeline/PreviewEmpty.svelte
index 20f9651b6..2a125e248 100644
--- a/web/src/lib/components/timeline/PreviewEmpty.svelte
+++ b/web/src/lib/components/timeline/PreviewEmpty.svelte
@@ -9,8 +9,8 @@
 </script>
 
 <div
-	class="flex flex-1 flex-col justify-center rounded-b bg-background-default px-md py-2xl text-center typography-paragraph-small text-foreground-placeholder"
+	class="rounded-b bg-background-default px-md py-2xl text-center typography-paragraph-small text-foreground-placeholder"
 >
 	<Icon class="mx-auto mb-sm size-10 text-foreground-disabled" aria-hidden="true" />
-	<div>{@render children()}</div>
+	{@render children()}
 </div>
diff --git a/web/src/lib/components/timeline/RecentsPreview.stories.svelte b/web/src/lib/components/timeline/RecentsPreview.stories.svelte
index 73c68cf4c..2c2f50da1 100644
--- a/web/src/lib/components/timeline/RecentsPreview.stories.svelte
+++ b/web/src/lib/components/timeline/RecentsPreview.stories.svelte
@@ -51,20 +51,6 @@
 		}
 	];
 
-	const repos: RecentItemData[] = [
-		["tangled.org", "core"],
-		["okami.mom", "albedo"],
-		["oppi.li", "tarp"],
-		["alice.tngl.sh", "spindle"],
-		["bob.tngl.sh", "knot"]
-	].map(([ownerHandle, name], index) => ({
-		kind: "repo",
-		visited: `2025-06-0${5 - index}T09:00:00Z`,
-		ownerHandle,
-		ownerDid: "did:plc:3p7ejjxnufohsygt5vbyxb2i",
-		name
-	}));
-
 	const { Story } = defineMeta({
 		title: "Timeline/RecentsPreview",
 		component: RecentsPreview,
@@ -79,7 +65,7 @@
 
 <Story
 	name="Skeleton fixture"
-	args={{ items: repos }}
+	args={{ items: items.slice(0, 5) }}
 	parameters={{
 		bones: {
 			class: "w-full max-w-100"
@@ -87,9 +73,9 @@
 	}}
 >
 	{#snippet template()}
-		<div class="relative flex flex-col rounded-b bg-background-default p-2xs">
-			<div class="absolute inset-y-0 w-px bg-border-default" style="left: 1.375rem"></div>
-			{#each repos as item (recentPath(item))}
+		<div class="relative flex flex-col rounded-b bg-background-default">
+			<div class="absolute inset-y-0 w-px bg-border-default" style="left: 1.125rem"></div>
+			{#each items.slice(0, 5) as item (recentPath(item))}
 				<RecentItem {item} />
 			{/each}
 		</div>
diff --git a/web/src/lib/components/timeline/TrendingRepos.svelte b/web/src/lib/components/timeline/TrendingRepos.svelte
index f9ff16bb4..0e093429c 100644
--- a/web/src/lib/components/timeline/TrendingRepos.svelte
+++ b/web/src/lib/components/timeline/TrendingRepos.svelte
@@ -14,7 +14,7 @@
 	} = $props();
 </script>
 
-<PreviewCard title="Trending" icon={TrendingUp} skeleton={timelineTrendingreposlistSkeletonFixture}>
+<PreviewCard title="Trending" icon={TrendingUp}>
 	{#if repos instanceof Promise}
 		<Pending>
 			{#snippet skeleton()}
diff --git a/web/src/lib/components/timeline/TrendingReposList.svelte b/web/src/lib/components/timeline/TrendingReposList.svelte
index 7de6f02fe..458b9351d 100644
--- a/web/src/lib/components/timeline/TrendingReposList.svelte
+++ b/web/src/lib/components/timeline/TrendingReposList.svelte
@@ -40,6 +40,6 @@
 	<EmptyState
 		size="inline"
 		message="No trending repositories this week"
-		class="flex-1 justify-center rounded-b bg-background-canvas p-xl"
+		class="justify-center rounded-b bg-background-canvas p-xl"
 	/>
 {/if}
diff --git a/web/src/lib/components/ui/Bones.svelte b/web/src/lib/components/ui/Bones.svelte
index 0c2535bd3..98bd65937 100644
--- a/web/src/lib/components/ui/Bones.svelte
+++ b/web/src/lib/components/ui/Bones.svelte
@@ -1,6 +1,4 @@
 <script module lang="ts">
-	import { browser } from "$app/env";
-
 	// each bone is [x%, y, w%, h, radius, container?, borderEdges?, hasBackground?]
 	// json imports widen tuples to arrays, so the type stays loose
 	type RawBone = (number | string | boolean)[];
@@ -14,20 +12,11 @@
 	export interface BonesCapture {
 		breakpoints: Record<string, Shot>;
 	}
-
-	// measuring would write state inside the boundary's suspension batch, which svelte rejects
-	const viewport = () => (browser ? window.innerWidth : 1024);
-
-	export const bonesShot = (capture: BonesCapture): Shot | null => {
-		const widths = Object.keys(capture.breakpoints)
-			.map(Number)
-			.sort((a, b) => a - b);
-		const match = widths.findLast((bp) => viewport() >= bp) ?? widths[0];
-		return capture.breakpoints[String(match)] ?? null;
-	};
 </script>
 
 <script lang="ts">
+	import { browser } from "$app/env";
+
 	interface Props {
 		capture: BonesCapture;
 		class?: string;
@@ -46,8 +35,15 @@
 		fixedRightGap = 0
 	}: Props = $props();
 
-	const width = viewport();
-	const shot = $derived(bonesShot(capture));
+	// measuring would write state inside the boundary's suspension batch, which svelte rejects
+	const width = browser ? window.innerWidth : 1024;
+	const shot = $derived.by(() => {
+		const widths = Object.keys(capture.breakpoints)
+			.map(Number)
+			.sort((a, b) => a - b);
+		const match = widths.findLast((bp) => width >= bp) ?? widths[0];
+		return capture.breakpoints[String(match)] ?? null;
+	});
 
 	const isContainer = (bone: RawBone) => bone[5] === true;