diff --git a/packages/site/pages/core/motion.js b/packages/site/pages/core/motion.js
index <HASH>..<HASH> 100644
--- a/packages/site/pages/core/motion.js
+++ b/packages/site/pages/core/motion.js
@@ -181,15 +181,15 @@ const Travel = _ => (
       }
       .pill1 {
         width: 50%;
-        animation: 3000ms 500ms infinite pill1;
+        animation: 4000ms 500ms infinite pill1;
       }
       .pill2Container {
         width: calc(100% - 44px);
-        animation: 3000ms 500ms infinite pill2;
+        animation: 4000ms 500ms infinite pill2;
       }
       .pill3Container {
         width: calc(100% - 44px);
-        animation: 3000ms 500ms infinite pill3;
+        animation: 4000ms 500ms infinite pill3;
       }
       .pill2,
       .pill3 {
refactor(site): add more time to motion travel example