diff --git a/public/css/alerts.styl b/public/css/alerts.styl
index 09241bd5f9..4b765329b1 100644
--- a/public/css/alerts.styl
+++ b/public/css/alerts.styl
@@ -30,8 +30,10 @@ deathColor = #4E4E4E
 deathText = #ABABAB
 mpColor = #c7d3e9
 mpText = #003aa1
-critColor = #ffe3bf
+critColor = #fce5cd
 critText = #dc5000
+dropColor = #d9ead3
+dropText = #415838
 borderDarken = 20%
 
 // alert styles
@@ -71,6 +73,11 @@ borderDarken = 20%
   border-color: darken(critColor,borderDarken)
   color: critText
 
+.alert-drop
+  background-color: dropColor
+  border-color: darken(dropColor,borderDarken)
+  color: dropText
+
 // alert icons
 
 .icon-gold
diff --git a/public/js/controllers/notificationCtrl.js b/public/js/controllers/notificationCtrl.js
index db3a6ffc52..2ba427ab11 100644
--- a/public/js/controllers/notificationCtrl.js
+++ b/public/js/controllers/notificationCtrl.js
@@ -56,7 +56,7 @@ habitrpg.controller('NotificationCtrl',
         User.user.items[type][after.key] = 0;
       }
       User.user.items[type][after.key]++;
-      Notification.text(User.user._tmp.drop.dialog);
+      Notification.drop(User.user._tmp.drop.dialog);
     });
 
     $rootScope.$watch('user.achievements.streak', function(after, before){
diff --git a/public/js/services/notificationServices.js b/public/js/services/notificationServices.js
index d0646bfb0b..7b4a48c817 100644
--- a/public/js/services/notificationServices.js
+++ b/public/js/services/notificationServices.js
@@ -71,6 +71,9 @@ angular.module("notificationServices", [])
       },
       crit: function(val) {
         growl("<i class='icon-certificate'></i> Critical Hit! Bonus: " + Math.round(val) + "%", 'crit');
+      },
+      drop: function(val) {
+        growl("<i class='icon-gift'></i> " + val, 'drop');
       }
     };
   }