diff --git a/examples/transitions/index.html b/examples/transitions/index.html
index 1fdb68af92f6f..96717643927d6 100644
--- a/examples/transitions/index.html
+++ b/examples/transitions/index.html
@@ -54,10 +54,10 @@ <h4>Example Details</h4>
           var children = [];
           var pos = 0;
           var colors = ['red', 'gray', 'blue'];
-          for (var i = this.state.current; i < this.state.current + 3; i++) {
+          for (var i = this.state.current; i < this.state.current + colors.length; i++) {
             var style = {
               left: pos * 128,
-              background: colors[i % 3]
+              background: colors[i % colors.length]
             };
             pos++;
             children.push(<div key={i} className="animateItem" style={style}>{i}</div>);