diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
index 25870555ae3..02bdc5dc47d 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
@@ -1675,7 +1675,16 @@
     %igx-grid-th--selectable {
         color: var-get($theme, 'header-selected-text-color');
         background: var-get($theme, 'header-selected-background');
-        opacity: if($variant != 'indigo-design', .7, 1);
+
+        @if $variant != 'indigo-design' {
+            opacity: .7;
+
+            &%grid__drag-ghost-image {
+                opacity: 1;
+            }
+        } @else {
+            opacity: 1;
+        }
 
         .sort-icon {
             color: var-get($theme, 'header-selected-text-color');