diff --git a/app/assets/stylesheets/common/base/magnific-popup.scss b/app/assets/stylesheets/common/base/magnific-popup.scss
index 29896ded01..e4fc9e5333 100644
--- a/app/assets/stylesheets/common/base/magnific-popup.scss
+++ b/app/assets/stylesheets/common/base/magnific-popup.scss
@@ -584,7 +584,9 @@ button {
   /* start state */
   .mfp-content {
     opacity: 0;
-    transition: all 0.2s;
+    @media screen and (prefers-reduced-motion: no-preference) {
+      transition: all 0.2s;
+    }
     -webkit-transform: scale(0.8);
     -ms-transform: scale(0.8);
     transform: scale(0.8);