Merge pull request #8046 from IgniteUI/mpopovv/fix-for-8002

Fix grid cells misalignment in fluent theme

Author: simeonoff

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -689,13 +689,6 @@
     $drag-icon-size: rem(24px);
     $grouping-padding-right: rem(12px);
 
-    $grid-border-width: map-get((
-        material: 0,
-        fluent: 1px,
-        bootstrap: 0,
-        indigo-design: 0
-    ), $variant);
-
     $grid-header-weight: map-get((
         material: 600,
         fluent: 800,
@@ -710,9 +703,13 @@
         grid-template-columns: 1fr;
         overflow: hidden;
         box-shadow: $grid-shadow;
+        
+        @if $variant == 'fluent' {
+            box-shadow: 0 0 0 1px --var($theme, 'grid-border-color');
+        }
+
         outline-style: none;
         z-index: 1;
-        border: $grid-border-width solid --var($theme, 'grid-border-color');
 
         %cbx-display {
             min-width: $cbx-size;