diff --git a/src/style/_mixins.scss b/src/style/_mixins.scss
index 007ddf16130..990b87a7ace 100644
--- a/src/style/_mixins.scss
+++ b/src/style/_mixins.scss
@@ -136,9 +136,12 @@ $browser-context: 16;
 }
 
 @mixin invalidFormElement() {
-  animation: shake 0.4s 1;
   border-color: $color-delete;
   background: color.adjust($color-delete, $lightness: 35%);
+
+  @media(prefers-reduced-motion: no-preference) {
+    animation: shake 0.4s 1;
+  }
 }
 
 @mixin method($color) {