diff --git a/rhodecode/lib/helpers.py b/rhodecode/lib/helpers.py
--- a/rhodecode/lib/helpers.py
+++ b/rhodecode/lib/helpers.py
@@ -678,6 +678,20 @@ class Flash(_Flash):
         session.save()
         return messages
 
+    def json_alerts(self):
+        payloads = []
+        messages = flash.pop_messages()
+        if messages:
+          for message in messages:
+            payloads.append({
+                'message': {
+                    'message': u'{}'.format(message.message),
+                    'level':   message.category,
+                    'force': 'true'
+                }
+            })
+        return json.dumps(payloads)
+
 flash = Flash()
 
 #==============================================================================
diff --git a/rhodecode/public/js/src/components/rhodecode-app/rhodecode-app.js b/rhodecode/public/js/src/components/rhodecode-app/rhodecode-app.js
--- a/rhodecode/public/js/src/components/rhodecode-app/rhodecode-app.js
+++ b/rhodecode/public/js/src/components/rhodecode-app/rhodecode-app.js
@@ -3,10 +3,14 @@ ccLog.setLevel(Logger.OFF);
 
 var rhodeCodeApp = Polymer({
     is: 'rhodecode-app',
-    created: function () {
+    attached: function () {
         ccLog.debug('rhodeCodeApp created');
         $.Topic('/notifications').subscribe(this.handleNotifications.bind(this));
 
+        for (var i = 0; i < alertMessagePayloads.length; i++) {
+            $.Topic('/notifications').publish(alertMessagePayloads[i]);
+        }
+
         $.Topic('/plugins/__REGISTER__').subscribe(
             this.kickoffChannelstreamPlugin.bind(this)
         );
diff --git a/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html b/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html
--- a/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html
+++ b/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html
@@ -21,7 +21,7 @@
                 </template>
             </div>
             <div class="toast-close">
-                <button on-tap="dismissNotifications" class="btn btn-default">{{_gettext('Close now')}}</button>
+                <button on-tap="dismissNotifications" class="btn btn-default">{{_gettext('Close')}}</button>
             </div>
         </paper-toast>
     </template>
diff --git a/rhodecode/templates/base/flash_msg.html b/rhodecode/templates/base/flash_msg.html
--- a/rhodecode/templates/base/flash_msg.html
+++ b/rhodecode/templates/base/flash_msg.html
@@ -1,16 +0,0 @@
-<div class="flash_msg">
-    <% messages = h.flash.pop_messages() %>
-    % if messages:
-        % for message in messages:
-            <div class="alert alert-dismissable alert-${message.category}">
-              <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
-              ${message}
-            </div>
-        % endfor
-    % endif
-    <script>
-    if (typeof jQuery != 'undefined') {
-        $(".alert").alert();
-    }
-    </script>
-</div>
diff --git a/rhodecode/templates/base/root.html b/rhodecode/templates/base/root.html
--- a/rhodecode/templates/base/root.html
+++ b/rhodecode/templates/base/root.html
@@ -116,6 +116,7 @@ c.template_context['visual']['default_re
             <script language="javascript" type="text/javascript" src="${h.asset('js/excanvas.min.js')}"></script>
             <![endif]-->
             <script language="javascript" type="text/javascript" src="${h.asset('js/rhodecode/routes.js', ver=c.rhodecode_version_hash)}"></script>
+            <script> var alertMessagePayloads = ${h.flash.json_alerts()|n}; </script>
             <script language="javascript" type="text/javascript" src="${h.asset('js/scripts.js', ver=c.rhodecode_version_hash)}"></script>
             <script>
                 var e = document.createElement('script');