diff --git a/less/_navbar.less b/less/_navbar.less
index ea1f5624..852fbe3b 100644
--- a/less/_navbar.less
+++ b/less/_navbar.less
@@ -159,9 +159,21 @@
       }
     }
   }
-  .background-variations(~"", @primary);
-  .text-variations(~" .form-control::placeholder", @primary);
-
+  
+  .generic-variations(~"", @primary, {
+      background-color: @material-color;
+      color: @text-color;
+      // deeply defined to override welljumbo class without !impotant need
+      .navbar-form {
+        .form-control-wrapper input.form-control::placeholder {
+          color: @text-color;
+        }
+        input.form-control::placeholder {
+          color: @text-color;
+        }
+      }
+    });
+  
   &-inverse {
     background-color: @indigo;
   }