From bc0674acb21873391ea5c14c8317baa48223324f Mon Sep 17 00:00:00 2001
From: Kenan Yusuf <kenan.m.yusuf@gmail.com>
Date: Mon, 28 Oct 2024 15:04:38 +0000
Subject: [PATCH] [DataGrid] Fix right column group header border (#15105)

---
 .../src/hooks/features/columnHeaders/useGridColumnHeaders.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/x-data-grid/src/hooks/features/columnHeaders/useGridColumnHeaders.tsx b/packages/x-data-grid/src/hooks/features/columnHeaders/useGridColumnHeaders.tsx
index 3a89a3254b60a..ee5325a7ad5b4 100644
--- a/packages/x-data-grid/src/hooks/features/columnHeaders/useGridColumnHeaders.tsx
+++ b/packages/x-data-grid/src/hooks/features/columnHeaders/useGridColumnHeaders.tsx
@@ -368,7 +368,7 @@ export const useGridColumnHeaders = (props: UseGridColumnHeadersProps) => {
       return null;
     }
 
-    const { renderedColumns, firstColumnToRender, lastColumnToRender } = columnsToRender;
+    const { firstColumnToRender, lastColumnToRender } = columnsToRender;
 
     const rowStructure = columnGroupsHeaderStructure[depth];
 
@@ -464,7 +464,7 @@ export const useGridColumnHeaders = (props: UseGridColumnHeadersProps) => {
           pinnedPosition={pinnedPosition}
           style={style}
           indexInSection={indexInSection}
-          sectionLength={renderedColumns.length}
+          sectionLength={rowStructure.length}
           gridHasFiller={gridHasFiller}
         />
       );