diff --git a/assets/src/js/utils.js b/assets/src/js/utils.js
index db09f8c6..56a396c9 100644
--- a/assets/src/js/utils.js
+++ b/assets/src/js/utils.js
@@ -2,7 +2,7 @@
  * @Author: printempw
  * @Date:   2016-07-16 09:02:32
  * @Last Modified by:   printempw
- * @Last Modified time: 2016-08-16 18:01:22
+ * @Last Modified time: 2016-08-23 17:58:40
  */
 
 function showModal(msg, title, type, callback) {
@@ -16,7 +16,7 @@ function showModal(msg, title, type, callback) {
 
 function showMsg(msg, type) {
     type  = type  === undefined ? "info" : type;
-    $("[id=msg]").removeClass().addClass("alert").addClass('alert-'+type).html(msg);
+    $("[id=msg]").removeClass().addClass("callout").addClass('callout-'+type).html(msg);
 }
 
 function showAjaxError(json) {
diff --git a/resources/views/auth/forgot.tpl b/resources/views/auth/forgot.tpl
index 859ecbbc..516a3f9b 100644
--- a/resources/views/auth/forgot.tpl
+++ b/resources/views/auth/forgot.tpl
@@ -31,7 +31,7 @@
                 <!-- /.col -->
             </div>
 
-            <div id="msg" class="alert hide"></div>
+            <div id="msg" class="callout hide"></div>
 
             <div class="row">
                 <div class="col-xs-8">
diff --git a/resources/views/auth/login.tpl b/resources/views/auth/login.tpl
index da4c75b6..f6d599bb 100644
--- a/resources/views/auth/login.tpl
+++ b/resources/views/auth/login.tpl
@@ -35,7 +35,7 @@
                 <!-- /.col -->
             </div>
 
-            <div id="msg" class="alert hide"></div>
+            <div id="msg" class="callout hide"></div>
 
             <div class="row">
                 <div class="col-xs-8">
diff --git a/resources/views/auth/register.tpl b/resources/views/auth/register.tpl
index d19b5d6e..0f9bef96 100644
--- a/resources/views/auth/register.tpl
+++ b/resources/views/auth/register.tpl
@@ -44,7 +44,7 @@
                 <!-- /.col -->
             </div>
 
-            <div id="msg" class="alert hide"></div>
+            <div id="msg" class="callout hide"></div>
 
             <div class="row">
                 <div class="col-xs-8">
diff --git a/resources/views/auth/reset.tpl b/resources/views/auth/reset.tpl
index 37a3ce03..1389f280 100644
--- a/resources/views/auth/reset.tpl
+++ b/resources/views/auth/reset.tpl
@@ -24,7 +24,7 @@
                 <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
             </div>
 
-            <div id="msg" class="alert hide"></div>
+            <div id="msg" class="callout hide"></div>
 
             <div class="row">
                 <div class="col-xs-8">