diff --git a/build/bundle.js b/build/bundle.js
index 11fef386..da0800f7 100644
--- a/build/bundle.js
+++ b/build/bundle.js
@@ -9485,12 +9485,14 @@ var PromiseAnimation = Backbone.Model.extend({
     // we want to resolve a deferred when the animation finishes
     this.get('closure')();
     setTimeout(_.bind(function() {
+      console.log('resolving deferred');
       this.get('deferred').resolve();
     }, this), this.get('duration'));
+    console.log('the duration', this.get('duration'));
   },
 
-  then: function() {
-    return this.get('deferred').promise.then();
+  then: function(func) {
+    return this.get('deferred').promise.then(func);
   }
 });
 
@@ -31536,12 +31538,14 @@ var PromiseAnimation = Backbone.Model.extend({
     // we want to resolve a deferred when the animation finishes
     this.get('closure')();
     setTimeout(_.bind(function() {
+      console.log('resolving deferred');
       this.get('deferred').resolve();
     }, this), this.get('duration'));
+    console.log('the duration', this.get('duration'));
   },
 
-  then: function() {
-    return this.get('deferred').promise.then();
+  then: function(func) {
+    return this.get('deferred').promise.then(func);
   }
 });
 
diff --git a/src/js/visuals/animation/index.js b/src/js/visuals/animation/index.js
index 4ebbcc4f..972b2844 100644
--- a/src/js/visuals/animation/index.js
+++ b/src/js/visuals/animation/index.js
@@ -113,8 +113,8 @@ var PromiseAnimation = Backbone.Model.extend({
     console.log('the duration', this.get('duration'));
   },
 
-  then: function() {
-    return this.get('deferred').promise.then();
+  then: function(func) {
+    return this.get('deferred').promise.then(func);
   }
 });