diff --git a/package-lock.json b/package-lock.json
index a2f5a25bd..f755fc72c 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.21",
-        "@mui/x-data-grid": "^7.7.1",
+        "@mui/x-data-grid": "^7.8.0",
         "@mui/x-date-pickers": "^7.8.0",
         "@popperjs/core": "^2.11.8",
         "@react-icons/all-files": "^4.1.0",
@@ -3888,9 +3888,9 @@
       }
     },
     "node_modules/@mui/x-data-grid": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-7.7.1.tgz",
-      "integrity": "sha512-5XsvuVpJfjV2ERtNiVRWL+0UUq5rh2Tq8aLZdJ8Ca5PnweEfNzOesQMlf0lpjXqnzuoq7uTwvICqoAMjsTTglg==",
+      "version": "7.8.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-7.8.0.tgz",
+      "integrity": "sha512-X3t6EVSZ28vVKY9NfqKcClchw2o/KmHsywybp1tNFevIJiwjZSp7NDJ091GyTqMgyDt1Dy5z2hGxoTDUYYfeGg==",
       "dependencies": {
         "@babel/runtime": "^7.24.7",
         "@mui/system": "^5.15.20",
diff --git a/package.json b/package.json
index 0e34739b5..bc5ef66b9 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.21",
-    "@mui/x-data-grid": "^7.7.1",
+    "@mui/x-data-grid": "^7.8.0",
     "@mui/x-date-pickers": "^7.8.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 6d9843134..c17c04724 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-13spggd-MuiDataGrid-root"
+          class="MuiDataGrid-root MuiDataGrid-autoHeight MuiDataGrid-root--densityStandard MuiDataGrid-withBorderColor css-besn2r-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
@@ -201,6 +201,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                             <button
                               aria-label="Sort"
                               class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1pe4mpk-MuiButtonBase-root-MuiIconButton-root"
+                              field="priority"
                               tabindex="-1"
                               title="Sort"
                               type="button"
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 c22df1fd3..d0f2c0f87 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-13spggd-MuiDataGrid-root"
+            class="MuiDataGrid-root MuiDataGrid-autoHeight MuiDataGrid-root--densityStandard MuiDataGrid-withBorderColor css-besn2r-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
@@ -151,6 +151,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                               <button
                                 aria-label="Sort"
                                 class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1pe4mpk-MuiButtonBase-root-MuiIconButton-root"
+                                field="priority"
                                 tabindex="-1"
                                 title="Sort"
                                 type="button"