diff --git a/css/slickgrid.css b/css/slickgrid.css
index b117bd98..848a5659 100644
--- a/css/slickgrid.css
+++ b/css/slickgrid.css
@@ -165,3 +165,11 @@ classes should alter those!
   cursor: pointer;
 }
 
+.recline-slickgrid .recline-row-delete {
+  font-size: 12px;
+  padding: 2px;
+  width: 22px;
+  height: 14px;
+  line-height: 13px;
+}
+
diff --git a/dist/recline.css b/dist/recline.css
index b8bdd15a..f8450534 100644
--- a/dist/recline.css
+++ b/dist/recline.css
@@ -614,6 +614,14 @@ classes should alter those!
   cursor: pointer;
 }
 
+.recline-slickgrid .recline-row-delete {
+  font-size: 12px;
+  padding: 2px;
+  width: 22px;
+  height: 14px;
+  line-height: 13px;
+}
+
 .recline-timeline {
   position: relative;
 }
diff --git a/dist/recline.js b/dist/recline.js
index a89f3e19..d7a99bdd 100644
--- a/dist/recline.js
+++ b/dist/recline.js
@@ -3434,8 +3434,9 @@ my.SlickGrid = Backbone.View.extend({
 	
     // Template for row delete menu , change it if you don't love 
     this.templates = {
-	 "deleterow" : '<a href="#" class="recline-row-delete btn">X</a>'
-     }
+	    "deleterow" : '<a href="#" class="recline-row-delete btn" title="Delete row">X</a>'
+    };
+
     _.bindAll(this, 'render', 'onRecordChanged');
     this.listenTo(this.model.records, 'add remove reset', this.render);
     this.listenTo(this.model.records, 'change', this.onRecordChanged);
@@ -3521,10 +3522,10 @@ my.SlickGrid = Backbone.View.extend({
       && this.state.get("gridOptions").enabledDelRow == true ){
     columns.push({
         id: 'del',
-        name: 'del',
+        name: '',
         field: 'del',
         sortable: true,
-        width: 80,
+        width: 38,
         formatter: formatter,
         validator:validator
     })}
diff --git a/src/view.slickgrid.js b/src/view.slickgrid.js
index e1c83cc5..f9a9e385 100644
--- a/src/view.slickgrid.js
+++ b/src/view.slickgrid.js
@@ -73,8 +73,9 @@ my.SlickGrid = Backbone.View.extend({
 	
     // Template for row delete menu , change it if you don't love 
     this.templates = {
-	 "deleterow" : '<a href="#" class="recline-row-delete btn">X</a>'
-     }
+	    "deleterow" : '<a href="#" class="recline-row-delete btn" title="Delete row">X</a>'
+    };
+
     _.bindAll(this, 'render', 'onRecordChanged');
     this.listenTo(this.model.records, 'add remove reset', this.render);
     this.listenTo(this.model.records, 'change', this.onRecordChanged);
@@ -160,10 +161,10 @@ my.SlickGrid = Backbone.View.extend({
       && this.state.get("gridOptions").enabledDelRow == true ){
     columns.push({
         id: 'del',
-        name: 'del',
+        name: '',
         field: 'del',
         sortable: true,
-        width: 80,
+        width: 38,
         formatter: formatter,
         validator:validator
     })}