diff --git a/app/coffee/modules/base/confirm.coffee b/app/coffee/modules/base/confirm.coffee
index 8bfefc19..b87332d4 100644
--- a/app/coffee/modules/base/confirm.coffee
+++ b/app/coffee/modules/base/confirm.coffee
@@ -163,17 +163,24 @@ class ConfirmService extends taiga.Service
 
         body = angular.element("body")
         body.find(".notification-message .notification-light").removeClass('active')
-        body.find(selector).addClass('active')
+        body.find(selector)
+            .removeClass('inactive')
+            .addClass('active')
 
         if @.tsem
             cancelTimeout(@.tsem)
 
         @.tsem = timeout 3500, =>
-            body.find(selector).removeClass('active')
+            body.find(selector)
+                .removeClass('active')
+                .addClass('inactive')
+
             delete @.tsem
 
         @.el.on "click", ".icon-delete", (event) =>
-            body.find(selector).removeClass('active')
+            body.find(selector)
+                .removeClass('active')
+                .addClass('inactive')
 
 
 module = angular.module("taigaBase")
diff --git a/app/styles/components/notification-message.scss b/app/styles/components/notification-message.scss
index ebdacac2..0d3eb028 100644
--- a/app/styles/components/notification-message.scss
+++ b/app/styles/components/notification-message.scss
@@ -1,6 +1,5 @@
 .notification-message {
     @include transform(translateY(-100%));
-    @include transition (all .6s ease-in-out);
     background: rgba($gray-light, .95);
     color: $white;
     padding: 1rem;
@@ -9,6 +8,9 @@
     top: 0;
     width: 100%;
     z-index: 99920;
+    &.inactive {
+        @include transition (all .6s ease-in-out);
+    }
     &.active {
         @include transform(translateY(0));
         @include transition (all .6s ease-in-out);