diff --git a/app/coffee/modules/base/confirm.coffee b/app/coffee/modules/base/confirm.coffee
index b87332d4..4f828ca8 100644
--- a/app/coffee/modules/base/confirm.coffee
+++ b/app/coffee/modules/base/confirm.coffee
@@ -162,7 +162,10 @@ class ConfirmService extends taiga.Service
             @.el.find("p").html(NOTIFICATION_MSG[type].message)
 
         body = angular.element("body")
-        body.find(".notification-message .notification-light").removeClass('active')
+        body.find(".notification-message .notification-light")
+            .removeClass('active')
+            .addClass('inactive')
+
         body.find(selector)
             .removeClass('inactive')
             .addClass('active')
diff --git a/app/styles/components/notification-message.scss b/app/styles/components/notification-message.scss
index 0d3eb028..d112a03a 100644
--- a/app/styles/components/notification-message.scss
+++ b/app/styles/components/notification-message.scss
@@ -54,7 +54,6 @@
 
 .notification-light {
     @include transform(translateY(-100%));
-    @include transition (all .6s ease-in-out);
     background: rgba($gray-light, .95);
     color: $white;
     left: calc(50% - 200px);
@@ -63,6 +62,9 @@
     top: 0;
     width: 400px;
     z-index: 9999;
+    &.inactive {
+        @include transition (all .6s ease-in-out);
+    }
     &.active {
         @include transform(translateY(0));
         @include transition (all .6s ease-in-out);