diff --git a/src/scss/components/_notifications.scss b/src/scss/components/_notifications.scss
index 12d6d206..b1a0cbef 100755
--- a/src/scss/components/_notifications.scss
+++ b/src/scss/components/_notifications.scss
@@ -11,7 +11,7 @@
 	.notification {
 		display: block;
 		position: relative;
-		background: $dark_grey;
+		background: $blue;
 		padding: 12px 32px 12px 18px;
 		margin: 10px 0 0 0;
 		color: #FFFFFF;
@@ -48,11 +48,15 @@
 			position: relative;
 			padding-right: 18px;
 
+			&.cancelling {
+				color: rgba(255,255,255,0.5);
+			}
+
 			&:after {
 				position: absolute;
 				display: block;
 				content: '';
-				background: $blue;
+				background: rgba(0,0,0,0.35);
 				opacity: 1;
 			    animation: slideloader 1s infinite;
 				bottom: 0;
@@ -81,4 +85,11 @@
 			line-height: 400px;
 		}
 	}
+
+	@include responsive( $bp_medium ){
+		bottom: 48px;
+		left: 0;
+		right: 0;
+		width: auto;
+	}
 }
\ No newline at end of file