diff --git a/library/components/legends/LegendCollapseCaret.vue b/library/components/legends/LegendCollapseCaret.vue
index 84b602710..596f57ce3 100644
--- a/library/components/legends/LegendCollapseCaret.vue
+++ b/library/components/legends/LegendCollapseCaret.vue
@@ -65,6 +65,11 @@ useShadowStyles(`
    LegendDesktop never had — additive :dir(rtl) overrides, as in VerticalTabsLayout and STL. */
 .legend-collapse-caret:dir(rtl) svg { transform: rotate(180deg); }
 .legend-collapse-caret--open:dir(rtl) svg { transform: rotate(0deg); }
+
+/* Reduced motion: the arrow still flips, it just does not turn on the way there. */
+@media (prefers-reduced-motion: reduce) {
+  .legend-collapse-caret, .legend-collapse-caret svg { transition: none !important; }
+}
 `, 'legend-collapse-caret')
 </script>