diff --git a/package-lock.json b/package-lock.json
index 335a194c6..ca31a92b9 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.15.15",
-        "@mui/x-data-grid": "^7.2.0",
+        "@mui/x-data-grid": "^7.3.0",
         "@mui/x-date-pickers": "^7.2.0",
         "@popperjs/core": "^2.11.8",
         "@react-icons/all-files": "^4.1.0",
@@ -3887,9 +3887,9 @@
       }
     },
     "node_modules/@mui/x-data-grid": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-7.2.0.tgz",
-      "integrity": "sha512-WKmFo0eKhj3W7Fv8u5n2XP4UcdzuJ+mEYALiMUDAYsah/hPBH9mA1miXn9DjXF3i3dxgzrTjdJemTgTJxAQZKg==",
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-7.3.0.tgz",
+      "integrity": "sha512-IIDS6Yvxe+1eRj65q8cgnJg5yF2aIJYuHrY00W/UaFyjxwj3xSzqg3bdEfbjE2gHGS7lEJJbXSenPNGybzW99A==",
       "dependencies": {
         "@babel/runtime": "^7.24.0",
         "@mui/system": "^5.15.14",
diff --git a/package.json b/package.json
index dcd88af80..4524eea61 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.15.15",
-    "@mui/x-data-grid": "^7.2.0",
+    "@mui/x-data-grid": "^7.3.0",
     "@mui/x-date-pickers": "^7.2.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 0c95fae95..40f5759e3 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-6pbxqq-MuiDataGrid-root"
+          class="MuiDataGrid-root MuiDataGrid-autoHeight MuiDataGrid-root--densityStandard MuiDataGrid-withBorderColor css-13spggd-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
@@ -158,7 +158,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                 >
                   <div
                     aria-rowindex="1"
-                    class="css-1essi2g-MuiDataGrid-columnHeaderRow"
+                    class="css-yrdy0g-MuiDataGrid-columnHeaderRow"
                     role="row"
                   >
                     <div
@@ -254,7 +254,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       </div>
                       <div
                         class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                        style="min-height: 56px; opacity: 0;"
+                        style="min-height: 56px; opacity: 1;"
                       >
                         <svg
                           aria-hidden="true"
@@ -332,7 +332,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       </div>
                       <div
                         class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                        style="min-height: 56px; opacity: 0;"
+                        style="min-height: 56px; opacity: 1;"
                       >
                         <svg
                           aria-hidden="true"
@@ -410,7 +410,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       </div>
                       <div
                         class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                        style="min-height: 56px; opacity: 0;"
+                        style="min-height: 56px; opacity: 1;"
                       >
                         <svg
                           aria-hidden="true"
@@ -488,7 +488,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       </div>
                       <div
                         class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                        style="min-height: 56px; opacity: 0;"
+                        style="min-height: 56px; opacity: 1;"
                       >
                         <svg
                           aria-hidden="true"
@@ -507,7 +507,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       aria-colindex="5"
                       aria-label="Title"
                       aria-sort="none"
-                      class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor"
+                      class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor MuiDataGrid-columnHeader--last"
                       data-field="title"
                       role="columnheader"
                       style="height: 56px; width: 800px; min-width: 800px; max-width: 800px;"
@@ -566,7 +566,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       </div>
                       <div
                         class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                        style="min-height: 56px; opacity: 0;"
+                        style="min-height: 56px; opacity: 1;"
                       >
                         <svg
                           aria-hidden="true"
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 2a1452b78..a592b569c 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-6pbxqq-MuiDataGrid-root"
+            class="MuiDataGrid-root MuiDataGrid-autoHeight MuiDataGrid-root--densityStandard MuiDataGrid-withBorderColor css-13spggd-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
@@ -108,7 +108,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                   >
                     <div
                       aria-rowindex="1"
-                      class="css-1essi2g-MuiDataGrid-columnHeaderRow"
+                      class="css-yrdy0g-MuiDataGrid-columnHeaderRow"
                       role="row"
                     >
                       <div
@@ -204,7 +204,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                         </div>
                         <div
                           class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                          style="min-height: 56px; opacity: 0;"
+                          style="min-height: 56px; opacity: 1;"
                         >
                           <svg
                             aria-hidden="true"
@@ -282,7 +282,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                         </div>
                         <div
                           class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                          style="min-height: 56px; opacity: 0;"
+                          style="min-height: 56px; opacity: 1;"
                         >
                           <svg
                             aria-hidden="true"
@@ -360,7 +360,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                         </div>
                         <div
                           class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                          style="min-height: 56px; opacity: 0;"
+                          style="min-height: 56px; opacity: 1;"
                         >
                           <svg
                             aria-hidden="true"
@@ -438,7 +438,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                         </div>
                         <div
                           class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                          style="min-height: 56px; opacity: 0;"
+                          style="min-height: 56px; opacity: 1;"
                         >
                           <svg
                             aria-hidden="true"
@@ -457,7 +457,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                         aria-colindex="5"
                         aria-label="Title"
                         aria-sort="none"
-                        class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor"
+                        class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor MuiDataGrid-columnHeader--last"
                         data-field="title"
                         role="columnheader"
                         style="height: 56px; width: 800px; min-width: 800px; max-width: 800px;"
@@ -516,7 +516,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                         </div>
                         <div
                           class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                          style="min-height: 56px; opacity: 0;"
+                          style="min-height: 56px; opacity: 1;"
                         >
                           <svg
                             aria-hidden="true"