diff --git a/package-lock.json b/package-lock.json
index 96b412d92..d0af9e785 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,7 @@
         "@mdx-js/react": "^2.3.0",
         "@mui/lab": "^5.0.0-alpha.97",
         "@mui/material": "^5.16.6",
-        "@mui/x-data-grid": "^7.11.1",
+        "@mui/x-data-grid": "^7.12.0",
         "@mui/x-date-pickers": "^7.12.0",
         "@popperjs/core": "^2.11.8",
         "@react-icons/all-files": "^4.1.0",
@@ -3936,14 +3936,14 @@
       }
     },
     "node_modules/@mui/x-data-grid": {
-      "version": "7.11.1",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-7.11.1.tgz",
-      "integrity": "sha512-7D8fK4NZolU4vGIhKrI8FSFp6CwlpUwBXr944GsKjOTzvC1yASkqD6b2VAYPvvpb94BzqQsvePHT3if/JZylKA==",
+      "version": "7.12.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-7.12.0.tgz",
+      "integrity": "sha512-5cS/v0PFMfm2na6iC77eeM/63m+gu4YYQcFycvGY6i5qm6ZywHzdcyXxx13FENKPclY1p9i19f4t4iuYW2F9Eg==",
       "dependencies": {
-        "@babel/runtime": "^7.24.8",
+        "@babel/runtime": "^7.25.0",
         "@mui/system": "^5.16.5",
         "@mui/utils": "^5.16.5",
-        "@mui/x-internals": "7.11.1",
+        "@mui/x-internals": "7.12.0",
         "clsx": "^2.1.1",
         "prop-types": "^15.8.1",
         "reselect": "^4.1.8"
@@ -4026,11 +4026,11 @@
       }
     },
     "node_modules/@mui/x-internals": {
-      "version": "7.11.1",
-      "resolved": "https://registry.npmjs.org/@mui/x-internals/-/x-internals-7.11.1.tgz",
-      "integrity": "sha512-CN9HmtcyJ6/1fd8by5h1/R8WmFN4xyk6XYvYG9++oAaSF1ttX16oiE5vB+gGafl7St0epCWWjvOzl21h29k6WQ==",
+      "version": "7.12.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-internals/-/x-internals-7.12.0.tgz",
+      "integrity": "sha512-zgu/JqSXBflSvtzfFN8lNi5Wxw79czBv6V/crOrXqCCOzxAIsrcup2FZlwvXlzetm3otS7o/Tzfo/O5dE68NkA==",
       "dependencies": {
-        "@babel/runtime": "^7.24.8",
+        "@babel/runtime": "^7.25.0",
         "@mui/utils": "^5.16.5"
       },
       "engines": {
diff --git a/package.json b/package.json
index bf56f2d9d..3aeb4a7ab 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "@mdx-js/react": "^2.3.0",
     "@mui/lab": "^5.0.0-alpha.97",
     "@mui/material": "^5.16.6",
-    "@mui/x-data-grid": "^7.11.1",
+    "@mui/x-data-grid": "^7.12.0",
     "@mui/x-date-pickers": "^7.12.0",
     "@popperjs/core": "^2.11.8",
     "@react-icons/all-files": "^4.1.0",
diff --git a/src/components/ReleaseNotesRender/__tests__/__snapshots__/ReleaseNotesRender.test.tsx.snap b/src/components/ReleaseNotesRender/__tests__/__snapshots__/ReleaseNotesRender.test.tsx.snap
index 4093b1ec0..7b88117f0 100644
--- a/src/components/ReleaseNotesRender/__tests__/__snapshots__/ReleaseNotesRender.test.tsx.snap
+++ b/src/components/ReleaseNotesRender/__tests__/__snapshots__/ReleaseNotesRender.test.tsx.snap
@@ -83,7 +83,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
         </p>
         <div
           aria-label="Release Notes"
-          class="MuiDataGrid-root MuiDataGrid-autoHeight MuiDataGrid-root--densityStandard MuiDataGrid-withBorderColor css-qa3o5s-MuiDataGrid-root"
+          class="MuiDataGrid-root MuiDataGrid-autoHeight MuiDataGrid-root--densityStandard MuiDataGrid-withBorderColor css-ybnjbb-MuiDataGrid-root"
           style="--DataGrid-width: 0px; --DataGrid-hasScrollX: 1; --DataGrid-hasScrollY: 0; --DataGrid-scrollbarSize: 0px; --DataGrid-rowWidth: 1300px; --DataGrid-columnsTotalWidth: 1300px; --DataGrid-leftPinnedWidth: 0px; --DataGrid-rightPinnedWidth: 0px; --DataGrid-headerHeight: 56px; --DataGrid-headersTotalHeight: 56px; --DataGrid-topContainerHeight: 56px; --DataGrid-bottomContainerHeight: 0px; --height: 52px;"
         >
           <div
@@ -146,10 +146,9 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
               class="MuiDataGrid-virtualScroller css-1793420-MuiDataGrid-virtualScroller"
               role="presentation"
               style="overflow-x: hidden; overflow-y: hidden;"
-              tabindex="-1"
             >
               <div
-                class="MuiDataGrid-topContainer MuiDataGrid-container--top css-1oudwrl"
+                class="MuiDataGrid-topContainer MuiDataGrid-container--top css-2sp4oa"
                 role="presentation"
               >
                 <div
@@ -158,7 +157,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                 >
                   <div
                     aria-rowindex="1"
-                    class="css-yrdy0g-MuiDataGrid-columnHeaderRow"
+                    class="MuiDataGrid-row--borderBottom css-yrdy0g-MuiDataGrid-columnHeaderRow"
                     role="row"
                   >
                     <div
@@ -791,6 +790,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
               />
             </div>
             <div
+              aria-hidden="true"
               class="MuiDataGrid-scrollbar MuiDataGrid-scrollbar--horizontal css-1rtad1"
               tabindex="-1"
             >
@@ -804,7 +804,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
           >
             <div />
             <div
-              class="MuiTablePagination-root css-rtrcn9-MuiTablePagination-root"
+              class="MuiTablePagination-root css-16mfp94-MuiTablePagination-root"
             >
               <div
                 class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular MuiTablePagination-toolbar css-78c6dr-MuiToolbar-root-MuiTablePagination-toolbar"
diff --git a/src/pages/temurin/__tests__/__snapshots__/release-notes.test.tsx.snap b/src/pages/temurin/__tests__/__snapshots__/release-notes.test.tsx.snap
index bcbd2c946..9de2f9fd8 100644
--- a/src/pages/temurin/__tests__/__snapshots__/release-notes.test.tsx.snap
+++ b/src/pages/temurin/__tests__/__snapshots__/release-notes.test.tsx.snap
@@ -33,7 +33,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
           </p>
           <div
             aria-label="Release Notes"
-            class="MuiDataGrid-root MuiDataGrid-autoHeight MuiDataGrid-root--densityStandard MuiDataGrid-withBorderColor css-qa3o5s-MuiDataGrid-root"
+            class="MuiDataGrid-root MuiDataGrid-autoHeight MuiDataGrid-root--densityStandard MuiDataGrid-withBorderColor css-ybnjbb-MuiDataGrid-root"
             style="--DataGrid-width: 0px; --DataGrid-hasScrollX: 1; --DataGrid-hasScrollY: 0; --DataGrid-scrollbarSize: 0px; --DataGrid-rowWidth: 1300px; --DataGrid-columnsTotalWidth: 1300px; --DataGrid-leftPinnedWidth: 0px; --DataGrid-rightPinnedWidth: 0px; --DataGrid-headerHeight: 56px; --DataGrid-headersTotalHeight: 56px; --DataGrid-topContainerHeight: 56px; --DataGrid-bottomContainerHeight: 0px; --height: 52px;"
           >
             <div
@@ -96,10 +96,9 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                 class="MuiDataGrid-virtualScroller css-1793420-MuiDataGrid-virtualScroller"
                 role="presentation"
                 style="overflow-x: hidden; overflow-y: hidden;"
-                tabindex="-1"
               >
                 <div
-                  class="MuiDataGrid-topContainer MuiDataGrid-container--top css-1oudwrl"
+                  class="MuiDataGrid-topContainer MuiDataGrid-container--top css-2sp4oa"
                   role="presentation"
                 >
                   <div
@@ -108,7 +107,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                   >
                     <div
                       aria-rowindex="1"
-                      class="css-yrdy0g-MuiDataGrid-columnHeaderRow"
+                      class="MuiDataGrid-row--borderBottom css-yrdy0g-MuiDataGrid-columnHeaderRow"
                       role="row"
                     >
                       <div
@@ -651,6 +650,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                 />
               </div>
               <div
+                aria-hidden="true"
                 class="MuiDataGrid-scrollbar MuiDataGrid-scrollbar--horizontal css-1rtad1"
                 tabindex="-1"
               >
@@ -664,7 +664,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
             >
               <div />
               <div
-                class="MuiTablePagination-root css-rtrcn9-MuiTablePagination-root"
+                class="MuiTablePagination-root css-16mfp94-MuiTablePagination-root"
               >
                 <div
                   class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular MuiTablePagination-toolbar css-78c6dr-MuiToolbar-root-MuiTablePagination-toolbar"