diff --git a/dist/css/query-builder.default.css b/dist/css/query-builder.default.css
index 560b22e8..bcdb2181 100644
--- a/dist/css/query-builder.default.css
+++ b/dist/css/query-builder.default.css
@@ -49,7 +49,6 @@
 }
 .query-builder .rule-container .rule-description-container {
   border-left: 1px solid #ddd;
-  padding-left: 50px;
 }
 .query-builder .rule-container .rule-description-container label {
   margin-bottom: 0;
diff --git a/dist/js/query-builder.js b/dist/js/query-builder.js
index 3b171b7b..22d99c7f 100644
--- a/dist/js/query-builder.js
+++ b/dist/js/query-builder.js
@@ -1804,8 +1804,8 @@ QueryBuilder.prototype.getRuleInput = function(rule, value_id) {
 QueryBuilder.prototype.getRuleDescriptionInput = function(rule) {
     var h = '',
         name = rule.id + '_description';
-    h += '<label>Explanation: </label>'
-    h += '<textarea rows="3" cols="80" class="form-control" name="' + name + '"';
+    // h += '<label>Explanation: </label>'
+    h += '<textarea rows="3" placeholder="Explanation Here!" cols="80" class="form-control" name="' + name + '"';
     h += '></textarea>';
     return this.change('getRuleDescriptionInput', h, rule, name);
 };