diff --git a/frontend/src/lib/document/TimelineDensityFilter.svelte b/frontend/src/lib/document/TimelineDensityFilter.svelte
index d13d6e61..e82e521e 100644
--- a/frontend/src/lib/document/TimelineDensityFilter.svelte
+++ b/frontend/src/lib/document/TimelineDensityFilter.svelte
@@ -367,6 +367,12 @@ const omitTickYear = $derived.by(() => {
 	transition: background-color 100ms ease;
 }
 
+@media (prefers-reduced-motion: reduce) {
+	.bar .bar-fill {
+		transition: none;
+	}
+}
+
 .bar.selected .bar-fill,
 .bar.in-drag-preview .bar-fill {
 	background-color: var(--palette-mint, #a1dcd8);