diff --git a/packages/default/scss/grid/_layout.scss b/packages/default/scss/grid/_layout.scss
index 7d929e75d2c..a69e69ae8ec 100644
--- a/packages/default/scss/grid/_layout.scss
+++ b/packages/default/scss/grid/_layout.scss
@@ -600,7 +600,7 @@
 
     .k-grid-header {
         padding-inline-start: 0;
-        padding-inline-end: var(--kendo-scrollbar-width, $default-scrollbar-width);
+        padding-inline-end: calc(var(--kendo-scrollbar-width, #{$default-scrollbar-width} + 1px) - 1px );
         border-bottom-width: 1px;
         font-size: $grid-header-font-size;
 
@@ -719,7 +719,7 @@
 
     .k-grid-footer {
         padding-inline-start: 0;
-        padding-inline-end: var(--kendo-scrollbar-width, $default-scrollbar-width);
+        padding-inline-end: calc(var(--kendo-scrollbar-width, #{$default-scrollbar-width} + 1px) - 1px );
         border-width: 1px 0 0;
 
         td {
diff --git a/packages/default/scss/pivotgrid/_layout.scss b/packages/default/scss/pivotgrid/_layout.scss
index e300d0e6386..b8d88305259 100644
--- a/packages/default/scss/pivotgrid/_layout.scss
+++ b/packages/default/scss/pivotgrid/_layout.scss
@@ -64,7 +64,7 @@
     // Column Headers
     .k-pivotgrid-column-headers {
         padding-inline-start: 0;
-        padding-inline-end: var(--kendo-scrollbar-width, $default-scrollbar-width);
+        padding-inline-end: calc(var(--kendo-scrollbar-width, #{$default-scrollbar-width} + 1px) - 1px );
         overflow: hidden;
     }