diff --git a/aio/content/examples/animations/src/app/hero-list-timings.component.ts b/aio/content/examples/animations/src/app/hero-list-timings.component.ts
index 16d96c68b7..a300012e23 100644
--- a/aio/content/examples/animations/src/app/hero-list-timings.component.ts
+++ b/aio/content/examples/animations/src/app/hero-list-timings.component.ts
@@ -44,7 +44,7 @@ import { Heroes } from './hero.service';
         animate('0.2s ease-in')
       ]),
       transition('* => void', [
-        animate('0.2s 10s ease-out', style({
+        animate('0.2s 0.1s ease-out', style({
           opacity: 0,
           transform: 'translateX(100%)'
         }))