diff --git a/app/assets/javascripts/widgets/flash-messages.js b/app/assets/javascripts/widgets/flash-messages.js
index ed2c3e83b..e1ef9f9e8 100644
--- a/app/assets/javascripts/widgets/flash-messages.js
+++ b/app/assets/javascripts/widgets/flash-messages.js
@@ -8,7 +8,9 @@
 
     this.animateMessages = function() {
       var flashMessages = $("#flash_notice, #flash_error, #flash_alert");
-      flashMessages.addClass("expose")
+      flashMessages.addClass("expose");
+      flashMessages.delay(8000);
+			flashMessages.fadeTo(200, 0.5);
     };
 
     this.render = function(result) {
diff --git a/app/assets/stylesheets/_flash_messages.scss b/app/assets/stylesheets/_flash_messages.scss
index d164d9132..577d236aa 100644
--- a/app/assets/stylesheets/_flash_messages.scss
+++ b/app/assets/stylesheets/_flash_messages.scss
@@ -15,7 +15,7 @@
   color: #666;
 
   &.expose {
-    @include animation(expose, 5s)
+    @include animation(expose, 10s)
   }
 
   .message {
@@ -47,4 +47,4 @@
     background-color: #CA410B;
     border-color: darken(#CA410B, 10%);
   }
-}
\ No newline at end of file
+}