diff --git a/addons/web/static/src/scss/ui.scss b/addons/web/static/src/scss/ui.scss
index 61854a8d304..6cf669bb999 100644
--- a/addons/web/static/src/scss/ui.scss
+++ b/addons/web/static/src/scss/ui.scss
@@ -74,12 +74,28 @@
     animation: catchAttention 200ms ease 0s infinite normal;
 }
 
+// bounce effect
 @keyframes catchAttention {
+    0%, 20%, 40%, 60%, 80%, 100% {
+        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    }
     0% {
-        outline: 0px solid fade-out($o-brand-primary, 0.0);
+        transform: translateY(-30%);
+    }
+    20% {
+        transform: translateY(-25%);
+    }
+    40% {
+        transform: translateY(-20%);
+    }
+    60% {
+        transform: translateY(-15%);
+    }
+    80% {
+        transform: translateY(-10%);
     }
     100% {
-        outline: 20px solid fade-out($o-brand-primary, 1.0);
+        transform: translateY(-5%);
     }
 }