diff --git a/less/modules/alerts.less b/less/modules/alerts.less
index d2ebcd8..97168c9 100644
--- a/less/modules/alerts.less
+++ b/less/modules/alerts.less
@@ -7,6 +7,54 @@
 	bottom: 0px;
 
 	.alert {
+		&::before {
+			position: relative;
+			top: -15px;
+			left: -15px;
+			display: block;
+			height: 2px;
+			width: 0;
+			transition: inherit;
+		}
+
+		&.alert-info::before {
+			background-color: @material-info;
+		}
+
+		&.alert-warning::before {
+			background-color: @material-warning;
+		}
+
+		&.alert-success::before {
+			background-color: @material-success;
+		}
+
+		&.alert-danger::before {
+			background-color: @material-danger;
+		}
+
+		&.animate {
+			&.alert-info::before {
+				background-color: lighten(@brand-info, 25%);
+			}
+			
+			&.alert-warning::before {
+				background-color: lighten(@brand-warning, 25%);
+			}
+			
+			&.alert-success::before {
+				background-color: lighten(@brand-success, 25%);
+			}
+			
+			&.alert-danger::before {
+				background-color: lighten(@brand-danger, 25%);
+			}
+			
+			&::before {
+				width: ~"calc(100% + 50px)";
+			}
+		}
+
 		background-color: white;
 		border: 0;
 		border-left: 5px solid !important;