diff --git a/packages/cra-template/template/src/App.css b/packages/cra-template/template/src/App.css
index b41d297cab1..74b5e053450 100644
--- a/packages/cra-template/template/src/App.css
+++ b/packages/cra-template/template/src/App.css
@@ -3,11 +3,16 @@
 }
 
 .App-logo {
-  animation: App-logo-spin infinite 20s linear;
   height: 40vmin;
   pointer-events: none;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
 .App-header {
   background-color: #282c34;
   min-height: 100vh;