diff --git a/static/orleans/_custom.scss b/static/orleans/_custom.scss
index 150c7f85..ae05295e 100644
--- a/static/orleans/_custom.scss
+++ b/static/orleans/_custom.scss
@@ -298,7 +298,9 @@ div.buttons {
 	&[class*=grid-] .content.with-padding {
 		display: block;
 	}
-	&.widget-with-error .content {
-		background-color: $notification_error_color;
+	@if ($field-on-error-style == custom) {
+		&.widget-with-error .content {
+			background-color: $notification_error_color;
+		}
 	}
 }
diff --git a/static/orleans/_vars.scss b/static/orleans/_vars.scss
index f7b9d97b..f98130d8 100644
--- a/static/orleans/_vars.scss
+++ b/static/orleans/_vars.scss
@@ -32,3 +32,4 @@ $dashboard-badge-color: lighten($primary-color, 10%);
 $widget-focus-border: 1px solid #66afe9;
 $widget-focus-outline: none;
 $widget-focus-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
+$field-on-error-style: custom;
\ No newline at end of file