diff --git a/projects/igniteui-angular/core/src/core/styles/components/_common/_igx-vhelper.scss b/projects/igniteui-angular/core/src/core/styles/components/_common/_igx-vhelper.scss
index 5c623bf1e34..17f0bc1f0cb 100644
--- a/projects/igniteui-angular/core/src/core/styles/components/_common/_igx-vhelper.scss
+++ b/projects/igniteui-angular/core/src/core/styles/components/_common/_igx-vhelper.scss
@@ -13,10 +13,12 @@
     top: 0;
     inset-inline-end: 0;
     width: var(--vhelper-scrollbar-size);
+    overflow-x: hidden;
 }
 
 %vhelper--horizontal {
     width: 100%;
+    overflow-y: hidden;
 }
 
 %vhelper-content--vertical {
diff --git a/projects/igniteui-angular/grids/grid/src/cell.spec.ts b/projects/igniteui-angular/grids/grid/src/cell.spec.ts
index fd12de9fdff..b1ed17e78af 100644
--- a/projects/igniteui-angular/grids/grid/src/cell.spec.ts
+++ b/projects/igniteui-angular/grids/grid/src/cell.spec.ts
@@ -201,13 +201,10 @@ describe('IgxGrid - Cell component #grid', () => {
             const lastCell = cells[cells.length - 1];
             expect(GridFunctions.getValueFromCellElement(lastCell)).toEqual('990');
 
-            const scrollbarBorderWidth = parseFloat(getComputedStyle(
-                grid.nativeElement.querySelector('.igx-grid__tbody-scrollbar')
-            ).getPropertyValue('border-inline-start-width')) || 0;
-            // Calculate where the end of the cell is. Relative left position should equal the grid calculated width.
+            // Calculate where the end of the cell is. Relative left position should equal the grid calculated
+            // width, which is already reduced by the vertical scrollbar's width.
             expect(lastCell.nativeElement.getBoundingClientRect().left +
-                lastCell.nativeElement.offsetWidth +
-                grid.scrollSize).toEqual(grid.calcWidth + scrollbarBorderWidth);
+                lastCell.nativeElement.offsetWidth).toEqual(grid.calcWidth);
         }));
 
         it('should not reduce the width of last pinned cell when there is vertical scroll.', () => {