2 files changed, 11 insertions, 0 deletions
diff --git a/gui/assets/css/global.css b/gui/assets/css/global.css
index 06f8838934..dfa159e020 100644
--- a/gui/assets/css/global.css
+++ b/gui/assets/css/global.css
@@ -30,3 +30,13 @@ body {
   width: 100%;
   display: flex;
 }
+
+@media (prefers-reduced-motion: reduce) {
+  * {
+    transition-duration: 1ms !important;
+  }
+
+  .map-zoomable-group {
+    transition-duration: 0ms !important;
+  }
+}
diff --git a/gui/src/renderer/components/SvgMap.tsx b/gui/src/renderer/components/SvgMap.tsx
index 680facb558..bfc87f23fe 100644
--- a/gui/src/renderer/components/SvgMap.tsx
+++ b/gui/src/renderer/components/SvgMap.tsx
@@ -232,6 +232,7 @@ function SvgMap(props: IProps) {
       projectionConfig={projectionConfig}>
       <ZoomableGroup
         center={zoomCenter}
+        className="map-zoomable-group"
         zoom={zoomLevel}
         onTransitionEnd={removeOldViewportBboxes}
         style={zoomableGroupStyle}