diff --git a/addons/web/static/src/views/view_components/animated_number.js b/addons/web/static/src/views/view_components/animated_number.js
index cc90d038597..782f21f669a 100644
--- a/addons/web/static/src/views/view_components/animated_number.js
+++ b/addons/web/static/src/views/view_components/animated_number.js
@@ -31,6 +31,7 @@ export class AnimatedNumber extends Component {
             const { value: from } = this.props;
             const { value: to, duration } = nextProps;
             if (!this.constructor.enableAnimations || !duration || to <= from) {
+                browser.cancelAnimationFrame(this.handle);
                 this.state.value = to;
                 return;
             }