diff --git a/src/app/browser.coffee b/src/app/browser.coffee
index 2355c74ff4..2830fefd48 100644
--- a/src/app/browser.coffee
+++ b/src/app/browser.coffee
@@ -180,7 +180,7 @@ setupGrowlNotifications = (model) ->
     return if user.get('stats.lvl') == 0
     $.bootstrapGrowl html,
       ele: '#notification-area',
-      type: type # (null, 'info', 'error', 'success')
+      type: type # (null, 'info', 'error', 'success', 'gp', 'xp', 'hp', 'lvl')
       top_offset: 20
       align: 'right' # ('left', 'right', or 'center')
       width: 250 # (integer, or 'auto')
@@ -193,7 +193,7 @@ setupGrowlNotifications = (model) ->
     num = captures - args
     rounded = Math.abs(num.toFixed(1))
     if num < 0
-      statsNotification "<i class='icon-heart'></i>HP -#{rounded}", 'error' # lost hp from purchase
+      statsNotification "<i class='icon-heart'></i> -#{rounded} HP", 'hp' # lost hp from purchase
 
   user.on 'set', 'stats.gp', (captures, args) ->
     num = captures - args
@@ -201,12 +201,13 @@ setupGrowlNotifications = (model) ->
     # made purchase
     if num < 0
       # FIXME use 'warning' when unchecking an accidently completed daily/todo, and notify of exp too
-      statsNotification "<i class='icon-star'></i>GP -#{rounded}", 'success'
+      statsNotification "<i class='icon-star'></i> -#{rounded} GP", 'gp'
       # gained gp (and thereby exp)
     else if num > 0
       num = Math.abs(num)
-      statsNotification "<i class='icon-star'></i>Exp,GP +#{rounded}", 'success'
+      statsNotification "<i class='icon-star'></i> +#{rounded} XP", 'xp'
+      statsNotification "<i class='icon-gp'></i> +#{rounded} GP", 'gp'
 
   user.on 'set', 'stats.lvl', (captures, args) ->
     if captures > args
-      statsNotification('<i class="icon-chevron-up"></i> Level Up!', 'info')
\ No newline at end of file
+      statsNotification('<i class="icon-chevron-up"></i> Level Up!', 'lvl')
\ No newline at end of file
diff --git a/styles/app/index.styl b/styles/app/index.styl
index 4b50443d36..406f26d74e 100644
--- a/styles/app/index.styl
+++ b/styles/app/index.styl
@@ -6,6 +6,7 @@
 @import "./avatar.styl";
 @import "./customizer.styl";
 @import "./items.styl";
+@import "./alerts.styl";
 
 @import "../../public/vendor/bootstrap-datepicker/css/datepicker.css";