diff --git a/web/pgadmin/static/css/overrides.css b/web/pgadmin/static/css/overrides.css
index 2fcaae215..795180b99 100755
--- a/web/pgadmin/static/css/overrides.css
+++ b/web/pgadmin/static/css/overrides.css
@@ -660,6 +660,10 @@ table.backgrid tr.new {
     margin-right: 0px;
 }
 
+.subnode-error .help-block {
+    color: #a94442;
+}
+
 .select2-container--default .select2-search--inline .select2-search__field {
     background: transparent none repeat scroll 0% 0%;
     border: medium none;
diff --git a/web/pgadmin/static/js/backform.pgadmin.js b/web/pgadmin/static/js/backform.pgadmin.js
index e30a2786c..b85a2cb58 100644
--- a/web/pgadmin/static/js/backform.pgadmin.js
+++ b/web/pgadmin/static/js/backform.pgadmin.js
@@ -1094,6 +1094,11 @@
 
       return $dialog;
     },
+    clearInvalid: function() {
+      this.$el.removeClass("subnode-error");
+      this.$el.find(".pgadmin-control-error-message").remove();
+      return this;
+    },
     updateInvalid: function() {
       var self = this,
       errorModel = this.model.errorModel;
@@ -1107,7 +1112,7 @@
 
         if (_.isEmpty(error)) return;
 
-        self.$el.addClass(Backform.errorClassName).append(
+        self.$el.addClass("subnode-error").append(
           $("<div></div>").addClass('pgadmin-control-error-message col-xs-offset-4 col-xs-8 help-block').text(error)
           );
       });
@@ -1163,10 +1168,15 @@
 
       if (_.isEmpty(error)) return;
 
-      self.$el.addClass(Backform.errorClassName).append(
+      self.$el.addClass('subnode-error').append(
         $("<div></div>").addClass('pgadmin-control-error-message col-xs-offset-4 col-xs-8 help-block').text(error)
         );
     },
+    clearInvalid: function() {
+      this.$el.removeClass('subnode-error');
+      this.$el.find(".pgadmin-control-error-message").remove();
+      return this;
+    },
     showGridControl: function(data) {
       var gridHeader = ["<div class='subnode-header'>",
           "  <label class='control-label col-sm-4'>" + data.label + "</label>" ,