diff --git a/html/src/app.js b/html/src/app.js
index a1a14a72..2dcde315 100644
--- a/html/src/app.js
+++ b/html/src/app.js
@@ -91,12 +91,10 @@ CefSharp.BindObjectAsync(
     }, 5 * 60 * 1000);
 
     Noty.overrideDefaults({
-        /*
         animation: {
-            open: 'animated bounceInLeft',
-            close: 'animated bounceOutLeft'
+            open: 'animate__animated animate__bounceInLeft',
+            close: 'animate__animated animate__bounceOutLeft'
         },
-        */
         layout: 'bottomLeft',
         theme: 'mint',
         timeout: 6000
diff --git a/html/src/vr.js b/html/src/vr.js
index eacbae44..2323a7ed 100644
--- a/html/src/vr.js
+++ b/html/src/vr.js
@@ -74,8 +74,8 @@ CefSharp.BindObjectAsync(
 
     Noty.overrideDefaults({
         animation: {
-            open: 'animated fadeIn',
-            close: 'animated zoomOut'
+            open: 'animate__animated animate__fadeIn',
+            close: 'animate__animated animate__zoomOut'
         },
         layout: 'topCenter',
         theme: 'relax',