diff --git a/build_files/theme/css/theme_overrides.css b/build_files/theme/css/theme_overrides.css
index d79fb79a0..d1ad7b724 100644
--- a/build_files/theme/css/theme_overrides.css
+++ b/build_files/theme/css/theme_overrides.css
@@ -58,6 +58,12 @@ hr.docutils {
 	transition: transform 0.25s ease-out;
 }
 
+@media (prefers-reduced-motion: reduce) {
+	.toctree-checkbox~label .icon svg {
+		transition-duration: 0s !important;
+	}
+}
+
 /* Add more visual weight to definition terms */
 dl dt {
 	font-weight: bold !important
diff --git a/build_files/theme/js/version_switch.js b/build_files/theme/js/version_switch.js
index 15cbbd588..5da8949f8 100644
--- a/build_files/theme/js/version_switch.js
+++ b/build_files/theme/js/version_switch.js
@@ -167,6 +167,7 @@ getNamed(v) {
 	return v;
 }
 dialogToggle(speed) {
+	speed = window.matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : speed;
 	const wasClose = !this.isOpen;
 	const that = this;
 	if(!this.isOpen) {