diff --git a/js/src/makegrid.js b/js/src/makegrid.js
index 8d9cc52694..fbdb62115c 100644
--- a/js/src/makegrid.js
+++ b/js/src/makegrid.js
@@ -1774,9 +1774,10 @@ var makeGrid = function (t, enableResize, enableReorder, enableVisib, enableGrid
                 g.hideColList();
             });
 
-            // attach to global div
-            $(g.gDiv).append(g.cDrop);
-            $(g.gDiv).append(g.cList);
+            // attach to first row first col of the grid
+            var thFirst = $(g.t).find('th.print_ignore');
+            $(thFirst).append(g.cDrop);
+            $(thFirst).append(g.cList);
 
             // some adjustment
             g.reposDrop();
diff --git a/themes/bootstrap/scss/_common.scss b/themes/bootstrap/scss/_common.scss
index ebe7ed990c..701956170e 100644
--- a/themes/bootstrap/scss/_common.scss
+++ b/themes/bootstrap/scss/_common.scss
@@ -2455,7 +2455,7 @@ input#auto_increment_opt {
 }
 
 .cDrop {
-  #{$left}: 0;
+  #{$right}: 0;
   position: absolute;
   top: 0;
 }
@@ -2464,9 +2464,7 @@ input#auto_increment_opt {
   background: url("../img/col_drop.png");
   cursor: pointer;
   height: 16px;
-  margin-#{$left}: 0.3em;
   margin-top: 0.3em;
-  position: absolute;
   width: 16px;
 
   &:hover {
@@ -2485,6 +2483,9 @@ input#auto_increment_opt {
   -moz-box-shadow: 0 0.2em 0.5em #333;
   -webkit-box-shadow: 0 0.2em 0.5em #333;
   box-shadow: 0 0.2em 0.5em #333;
+  margin-#{$left}: 75%;
+  #{$right}: 0;
+  width: max-content;
 
   .lDiv div {
     padding: 0.2em 0.5em 0.2em;
diff --git a/themes/metro/scss/_common.scss b/themes/metro/scss/_common.scss
index 262757738a..ad944f6aca 100644
--- a/themes/metro/scss/_common.scss
+++ b/themes/metro/scss/_common.scss
@@ -2427,7 +2427,7 @@ form.append_fields_form .tblFooters {
 }
 
 .cDrop {
-  #{$left}: 0;
+  #{$right}: 0;
   position: absolute;
   top: 0;
 }
@@ -2436,9 +2436,7 @@ form.append_fields_form .tblFooters {
   background: url("../img/col_drop.png");
   cursor: pointer;
   height: 16px;
-  margin-#{$left}: 0.3em;
   margin-top: 0.3em;
-  position: absolute;
   width: 16px;
 
   &:hover {
@@ -2454,6 +2452,9 @@ form.append_fields_form .tblFooters {
   background: #fff;
   border: solid 1px #ccc;
   position: absolute;
+  margin-#{$left}: 75%;
+  #{$right}: 0;
+  width: max-content;
 
   .lDiv div {
     padding: 0.2em 0.5em 0.2em;
diff --git a/themes/original/scss/_common.scss b/themes/original/scss/_common.scss
index 165b5f2004..25e0c073d8 100644
--- a/themes/original/scss/_common.scss
+++ b/themes/original/scss/_common.scss
@@ -2137,7 +2137,7 @@ input#auto_increment_opt {
 }
 
 .cDrop {
-  #{$left}: 0;
+  #{$right}: 0;
   position: absolute;
   top: 0;
 }
@@ -2146,9 +2146,7 @@ input#auto_increment_opt {
   background: url("../img/col_drop.png");
   cursor: pointer;
   height: 16px;
-  margin-#{$left}: 0.5em;
   margin-top: 0.3em;
-  position: absolute;
   width: 16px;
 
   &:hover {
@@ -2164,6 +2162,9 @@ input#auto_increment_opt {
   background: #eee;
   border: solid 1px #999;
   position: absolute;
+  margin-#{$left}: 75%;
+  #{$right}: 0;
+  width: max-content;
 
   .lDiv div {
     padding: 0.2em 0.5em 0.2em 0.2em;
diff --git a/themes/pmahomme/scss/_common.scss b/themes/pmahomme/scss/_common.scss
index cc64ab6d93..7f3ef223db 100644
--- a/themes/pmahomme/scss/_common.scss
+++ b/themes/pmahomme/scss/_common.scss
@@ -2521,7 +2521,7 @@ input#auto_increment_opt {
 }
 
 .cDrop {
-  #{$left}: 0;
+  #{$right}: 0;
   position: absolute;
   top: 0;
 }
@@ -2530,9 +2530,7 @@ input#auto_increment_opt {
   background: url("../img/col_drop.png");
   cursor: pointer;
   height: 16px;
-  margin-#{$left}: 0.3em;
   margin-top: 0.3em;
-  position: absolute;
   width: 16px;
 
   &:hover {
@@ -2551,6 +2549,9 @@ input#auto_increment_opt {
   -moz-box-shadow: 0 0.2em 0.5em #333;
   -webkit-box-shadow: 0 0.2em 0.5em #333;
   box-shadow: 0 0.2em 0.5em #333;
+  margin-#{$left}: 75%;
+  #{$right}: 0;
+  width: max-content;
 
   .lDiv div {
     padding: 0.2em 0.5em 0.2em;