diff --git a/src/Core/Components/DataGrid/FluentDataGrid.razor.js b/src/Core/Components/DataGrid/FluentDataGrid.razor.js
index f53e9a6fe0..c7abe5d047 100644
--- a/src/Core/Components/DataGrid/FluentDataGrid.razor.js
+++ b/src/Core/Components/DataGrid/FluentDataGrid.razor.js
@@ -184,10 +184,10 @@ export function enableColumnResizing(gridElement) {
             let width;
 
             if (document.body.dir === '' || document.body.dir === 'ltr') {
-                width = (horizontalScrollOffset + e.clientX) - headerBeingResized.offsetLeft;
+                width = (horizontalScrollOffset + e.clientX) - headerBeingResized.getClientRects()[0].x;
             }
             else {
-                width = headerBeingResized.offsetLeft + headerBeingResized.clientWidth - (horizontalScrollOffset + e.clientX);
+                width = headerBeingResized.getClientRects()[0].x + headerBeingResized.clientWidth - (horizontalScrollOffset + e.clientX);
             }
 
             const column = columns.find(({ header }) => header === headerBeingResized);