diff --git a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss
index f955eda19aa..787f1f9860e 100644
--- a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss
+++ b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss
@@ -701,6 +701,14 @@
         %grid-thead-title {
             flex: 0 0 auto;
         }
+
+        &.igx-grid-th--active {
+            .igx-grid-th {
+                &::after {
+                    display: none;
+                }
+            }
+        }
     }
 
     %grid-thead-item,
@@ -1269,12 +1277,20 @@
     }
 
     %grid-cell--active {
-        box-shadow: inset 0 0 0 rem(1px) var-get($theme, 'cell-active-border-color');
+        //box-shadow: inset 0 0 0 rem(1px) var-get($theme, 'cell-active-border-color');
 
         > %igx-grid__filtering-cell,
         > %grid-cell-header {
-            border-inline-end-color: var-get($theme, 'cell-active-border-color');
-            border-bottom-color: var-get($theme, 'cell-active-border-color');
+            //border-inline-end-color: var-get($theme, 'cell-active-border-color');
+            //border-bottom-color: var-get($theme, 'cell-active-border-color');
+        }
+
+        &::after {
+            content: '';
+            position: absolute;
+            inset: 0;
+            box-shadow: inset 0 0 0 rem(1px) var-get($theme, 'cell-active-border-color');
+            pointer-events: none;
         }
     }
 
@@ -1431,6 +1447,11 @@
         position: relative;
         background: inherit;
         z-index: 9999;
+
+        %grid-cell-header,
+        %igx-grid__filtering-cell {
+            background: transparent;
+        }
     }
 
     %grid-cell--pinned--column-selected {
@@ -1675,6 +1696,16 @@
 
     %igx-grid-th--active {
         @extend %grid-cell--active;
+        position: relative;
+
+        &::after {
+            content: '';
+            position: absolute;
+            inset: 0;
+            box-shadow: inset 0 0 0 rem(1px) var-get($theme, 'cell-active-border-color');
+            pointer-events: none;
+            width: calc(100% - #{rem(1px)});
+        }
 
         %igx-grid-th--selected,
         %igx-grid-th--selectable {