diff --git a/skins/elastic/styles/widgets/messages.less b/skins/elastic/styles/widgets/messages.less
index 731d600da..b5d4feaa5 100644
--- a/skins/elastic/styles/widgets/messages.less
+++ b/skins/elastic/styles/widgets/messages.less
@@ -32,6 +32,11 @@
     }
 }
 
+/*
+    .boxwarning and .boxerror classes are supported by conversion
+    to .ui.alert in bootstrap_init()
+*/
+
 .ui.alert {
     margin: 0;
     margin-bottom: 0.2em;
diff --git a/skins/elastic/ui.js b/skins/elastic/ui.js
index 28f52c777..66e463b80 100644
--- a/skins/elastic/ui.js
+++ b/skins/elastic/ui.js
@@ -242,6 +242,13 @@ function rcube_elastic_ui()
     {
         $('input.button,button', context || document).addClass('btn').not('.btn-primary,.primary,.mainaction').addClass('btn-secondary');
         $('input.button.mainaction,button.primary,button.mainaction', context || document).addClass('btn-primary');
+
+        $.each(['warning', 'error'], function() {
+            var type = this;
+            $('.box' + type, context).each(function() {
+                message_displayed({object: this, type: type});
+            });
+        });
     };
 
     /**