diff --git a/gadjo/static/css/gadjo.scss b/gadjo/static/css/gadjo.scss
index f6f1931..4e66bde 100644
--- a/gadjo/static/css/gadjo.scss
+++ b/gadjo/static/css/gadjo.scss
@@ -268,8 +268,8 @@ ul.messages {
 		background: #fafafa;
 		margin: 1ex 0;
 		padding: 1ex;
+		padding-left: 25px;
 		border: 1px solid transparent;
-		border-left-width: 25px;
 		&:before {
 			position: absolute;
 			left: 0;
@@ -279,22 +279,22 @@ ul.messages {
 			font-family: FontAwesome;
 			color: white;
 		}
+		color: white;
 		&.success {
 			&:before { content: "\f058"; } /* check-circle */
-			border-color: #00b000;
+			background: linear-gradient(to right, darken(adjust-hue(#f64474, 120deg), 20%), darken(adjust-hue(#f4635e, 120deg), 20%));
 		}
 		&.info {
 			&:before { content: "\f05a"; } /* info-circle */
-			border-color: #0000b0;
+			background: linear-gradient(to right, adjust-hue(#f64474, 220deg), adjust-hue(#f4635e, 220deg));
 		}
 		&.warning {
 			&:before { content: "\f071"; } /* exclamation-triangle */
-			border-color: #ffb000;
+			background: linear-gradient(to right, darken(adjust-hue(#f64474, 45deg), 10%), darken(adjust-hue(#f4635e, 45deg), 10%));
 		}
 		&.error {
 			&:before { content: "\f06a"; } /* exclamation-circle */
 			background: linear-gradient(to right, #f64474, #f4635e);
-			color: white;
 		}
 		.close {
 			float: right;