diff --git a/assets/css/application.scss b/assets/css/application.scss
index 7df24b1..c344c58 100644
--- a/assets/css/application.scss
+++ b/assets/css/application.scss
@@ -468,7 +468,26 @@ strong {
 
 // Selecting all the tooltip bodies to increase their font-size
 [class*="hint--"][aria-label]:after {
-  font-size: 0.80rem;
+  font-size: 0.75rem;
+  font-weight: lighter;
+}
+
+.hint--success:after{
+  background-color: #d8f4d7;
+  color: #298625;
+  border-color: #3dc637;
+}
+
+.hint--info:after{
+  background-color: #d0ebf6;
+  border-color: #149ad4;
+  color: #0d648a;
+}
+
+.hint--error:after{
+  background-color: #f4d9d8;
+  border-color: #c6403d;
+  color: #812a28;
 }
 
 /* For modern browsers */