diff --git a/examples/leaderboard/.meteor/packages b/examples/leaderboard/.meteor/packages
index a5eb137152..7a86180b42 100644
--- a/examples/leaderboard/.meteor/packages
+++ b/examples/leaderboard/.meteor/packages
@@ -8,3 +8,4 @@ autopublish
 insecure
 preserve-inputs
 random
+animation
diff --git a/examples/leaderboard/leaderboard.css b/examples/leaderboard/leaderboard.css
index d3f41060dc..1434f717ce 100644
--- a/examples/leaderboard/leaderboard.css
+++ b/examples/leaderboard/leaderboard.css
@@ -12,12 +12,13 @@ body {
 
 #outer {
     width: 600px;
-    margin: 0 auto;    
+    margin: 0 auto;
 }
 
 .player {
     cursor: pointer;
     padding: 5px;
+    width: 600px;
 }
 
 .player .name {
diff --git a/examples/leaderboard/leaderboard.js b/examples/leaderboard/leaderboard.js
index 3e13d1b6d9..70131f7272 100644
--- a/examples/leaderboard/leaderboard.js
+++ b/examples/leaderboard/leaderboard.js
@@ -25,6 +25,10 @@ if (Meteor.isClient) {
 
     'click input.inc': function () {
       Players.update(Session.get("selected_player"), {$inc: {score: 5}});
+    },
+
+    rendered: function () {
+      AnimatedEach.apply(this.$('.leaderboard'), ['move']);
     }
   });