From f965dbf3f520fd9accb144542abc038fc236cb74 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 9 Sep 2024 11:01:25 +1200
Subject: [PATCH] Bump @mui/x-data-grid from 7.15.0 to 7.16.0 (#3057)

* Bump @mui/x-data-grid from 7.15.0 to 7.16.0

Bumps [@mui/x-data-grid](https://github.com/mui/mui-x/tree/HEAD/packages/x-data-grid) from 7.15.0 to 7.16.0.
- [Release notes](https://github.com/mui/mui-x/releases)
- [Changelog](https://github.com/mui/mui-x/blob/master/CHANGELOG.md)
- [Commits](https://github.com/mui/mui-x/commits/v7.16.0/packages/x-data-grid)

---
updated-dependencies:
- dependency-name: "@mui/x-data-grid"
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* update snapshots

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Xavier FACQ <xavier.facq@free.fr>
Co-authored-by: Xavier FACQ <xavierfacq@users.noreply.github.com>
---
 package-lock.json                             | 42 +++-----
 package.json                                  |  2 +-
 .../ReleaseNotesRender.test.tsx.snap          | 97 +++++++++++--------
 .../__snapshots__/release-notes.test.tsx.snap | 79 +++++++++------
 4 files changed, 115 insertions(+), 105 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 358afe0d0..9f30d016d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,7 @@
         "@mdx-js/react": "^2.3.0",
         "@mui/lab": "^6.0.0-beta.9",
         "@mui/material": "^6.0.2",
-        "@mui/x-data-grid": "^7.15.0",
+        "@mui/x-data-grid": "^7.16.0",
         "@mui/x-date-pickers": "^7.16.0",
         "@popperjs/core": "^2.11.8",
         "@react-icons/all-files": "^4.1.0",
@@ -4347,16 +4347,16 @@
       }
     },
     "node_modules/@mui/x-data-grid": {
-      "version": "7.15.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-7.15.0.tgz",
-      "integrity": "sha512-S7FLp+SUz/fo+JAQcM4npnL70tGnL4qcYYMkjK4tPkPLrTnBWlm47D5OoGNzpPO1CnOAryFR5h0rdwbeHZmAWg==",
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-7.16.0.tgz",
+      "integrity": "sha512-71ZyffTeF8RPa399UkMlUbQ8T70kOrUK3fBXfinnal4mwgISlKwBN8EHNZZhyxSQ4vpWs3wHrHZ6MGQeXNUhJQ==",
       "dependencies": {
-        "@babel/runtime": "^7.25.4",
+        "@babel/runtime": "^7.25.6",
         "@mui/utils": "^5.16.6",
-        "@mui/x-internals": "7.15.0",
+        "@mui/x-internals": "7.16.0",
         "clsx": "^2.1.1",
         "prop-types": "^15.8.1",
-        "reselect": "^4.1.8"
+        "reselect": "^5.1.1"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -4447,7 +4447,7 @@
         }
       }
     },
-    "node_modules/@mui/x-date-pickers/node_modules/@mui/x-internals": {
+    "node_modules/@mui/x-internals": {
       "version": "7.16.0",
       "resolved": "https://registry.npmjs.org/@mui/x-internals/-/x-internals-7.16.0.tgz",
       "integrity": "sha512-ijer5XYmWlJqWaTmF6TGH1odG7EAupv8iDWYmDm2yVR9IQ+L2nQSuhiFClI+wmGx40KS2VKOlzDMPpF0t7/HCg==",
@@ -4466,25 +4466,6 @@
         "react": "^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/@mui/x-internals": {
-      "version": "7.15.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-internals/-/x-internals-7.15.0.tgz",
-      "integrity": "sha512-Q/IZvZhHpe64Ost1mRbdp6ML8KQQBprwwgzqo6pZbrCaWMPB2gk2jcUwdCwnLsc+gutaEPVhZ8N7it8VZcHtbg==",
-      "dependencies": {
-        "@babel/runtime": "^7.25.4",
-        "@mui/utils": "^5.16.6"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mui-org"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/@netlify/cache-utils": {
       "version": "5.1.6",
       "resolved": "https://registry.npmjs.org/@netlify/cache-utils/-/cache-utils-5.1.6.tgz",
@@ -27439,10 +27420,9 @@
       "license": "MIT"
     },
     "node_modules/reselect": {
-      "version": "4.1.8",
-      "resolved": "https://registry.npmjs.org/reselect/-/reselect-4.1.8.tgz",
-      "integrity": "sha512-ab9EmR80F/zQTMNeneUr4cv+jSwPJgIlvEmVwLerwrWVbpLlBuls9XHzIeTFy4cegU2NHBp3va0LKOzU5qFEYQ==",
-      "license": "MIT"
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
+      "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w=="
     },
     "node_modules/reserved-words": {
       "version": "0.1.2",
diff --git a/package.json b/package.json
index 9099229f2..b796c2776 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "@mdx-js/react": "^2.3.0",
     "@mui/lab": "^6.0.0-beta.9",
     "@mui/material": "^6.0.2",
-    "@mui/x-data-grid": "^7.15.0",
+    "@mui/x-data-grid": "^7.16.0",
     "@mui/x-date-pickers": "^7.16.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 f59ecd8cb..e8e6c35d5 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-igst0y-MuiDataGrid-root"
+          class="MuiDataGrid-root MuiDataGrid-autoHeight MuiDataGrid-root--densityStandard MuiDataGrid-withBorderColor css-1e4tlmm-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
@@ -140,7 +140,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
               role="presentation"
             />
             <div
-              class="MuiDataGrid-virtualScroller css-1793420-MuiDataGrid-virtualScroller"
+              class="MuiDataGrid-virtualScroller MuiDataGrid-virtualScroller--hasScrollX css-1793420-MuiDataGrid-virtualScroller"
               role="presentation"
               style="overflow-x: hidden; overflow-y: hidden;"
             >
@@ -168,7 +168,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       class="MuiDataGrid-columnHeader MuiDataGrid-columnHeader--sortable MuiDataGrid-columnHeader--sorted MuiDataGrid-withBorderColor"
                       data-field="priority"
                       role="columnheader"
-                      style="height: 56px; width: 100px; min-width: 100px; max-width: 100px;"
+                      style="height: 56px; width: 100px;"
                       tabindex="0"
                     >
                       <div
@@ -185,7 +185,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                           >
                             <div
                               aria-label=""
-                              class="MuiDataGrid-columnHeaderTitle css-t89xny-MuiDataGrid-columnHeaderTitle"
+                              class="MuiDataGrid-columnHeaderTitle css-1qb993p-MuiDataGrid-columnHeaderTitle"
                               data-mui-internal-clone-element="true"
                             >
                               Priority
@@ -225,13 +225,13 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                             aria-label="Menu"
                             class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall MuiDataGrid-menuIconButton css-hizwh9-MuiButtonBase-root-MuiIconButton-root"
                             data-mui-internal-clone-element="true"
-                            id=":r7:"
+                            id=":r4:"
                             tabindex="-1"
                             type="button"
                           >
                             <svg
                               aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-18w7uxr-MuiSvgIcon-root"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1lzspe0-MuiSvgIcon-root"
                               data-testid="TripleDotsVerticalIcon"
                               focusable="false"
                               viewBox="0 0 24 24"
@@ -245,7 +245,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       </div>
                       <div
                         class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                        style="min-height: 56px; opacity: 1;"
+                        style="min-height: 56px;"
                       >
                         <svg
                           aria-hidden="true"
@@ -254,8 +254,11 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                           focusable="false"
                           viewBox="0 0 24 24"
                         >
-                          <path
-                            d="M11 19V5h2v14z"
+                          <rect
+                            height="24"
+                            rx="0.5"
+                            width="1"
+                            x="11.5"
                           />
                         </svg>
                       </div>
@@ -267,7 +270,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor"
                       data-field="type"
                       role="columnheader"
-                      style="height: 56px; width: 100px; min-width: 100px; max-width: 100px;"
+                      style="height: 56px; width: 100px;"
                       tabindex="-1"
                     >
                       <div
@@ -284,7 +287,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                           >
                             <div
                               aria-label=""
-                              class="MuiDataGrid-columnHeaderTitle css-t89xny-MuiDataGrid-columnHeaderTitle"
+                              class="MuiDataGrid-columnHeaderTitle css-1qb993p-MuiDataGrid-columnHeaderTitle"
                               data-mui-internal-clone-element="true"
                             >
                               Type
@@ -300,13 +303,13 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                             aria-label="Menu"
                             class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall MuiDataGrid-menuIconButton css-hizwh9-MuiButtonBase-root-MuiIconButton-root"
                             data-mui-internal-clone-element="true"
-                            id=":rd:"
+                            id=":ra:"
                             tabindex="-1"
                             type="button"
                           >
                             <svg
                               aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-18w7uxr-MuiSvgIcon-root"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1lzspe0-MuiSvgIcon-root"
                               data-testid="TripleDotsVerticalIcon"
                               focusable="false"
                               viewBox="0 0 24 24"
@@ -320,7 +323,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       </div>
                       <div
                         class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                        style="min-height: 56px; opacity: 1;"
+                        style="min-height: 56px;"
                       >
                         <svg
                           aria-hidden="true"
@@ -329,8 +332,11 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                           focusable="false"
                           viewBox="0 0 24 24"
                         >
-                          <path
-                            d="M11 19V5h2v14z"
+                          <rect
+                            height="24"
+                            rx="0.5"
+                            width="1"
+                            x="11.5"
                           />
                         </svg>
                       </div>
@@ -342,7 +348,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor"
                       data-field="component"
                       role="columnheader"
-                      style="height: 56px; width: 150px; min-width: 150px; max-width: 150px;"
+                      style="height: 56px; width: 150px;"
                       tabindex="-1"
                     >
                       <div
@@ -359,7 +365,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                           >
                             <div
                               aria-label=""
-                              class="MuiDataGrid-columnHeaderTitle css-t89xny-MuiDataGrid-columnHeaderTitle"
+                              class="MuiDataGrid-columnHeaderTitle css-1qb993p-MuiDataGrid-columnHeaderTitle"
                               data-mui-internal-clone-element="true"
                             >
                               Component
@@ -375,13 +381,13 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                             aria-label="Menu"
                             class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall MuiDataGrid-menuIconButton css-hizwh9-MuiButtonBase-root-MuiIconButton-root"
                             data-mui-internal-clone-element="true"
-                            id=":rj:"
+                            id=":rg:"
                             tabindex="-1"
                             type="button"
                           >
                             <svg
                               aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-18w7uxr-MuiSvgIcon-root"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1lzspe0-MuiSvgIcon-root"
                               data-testid="TripleDotsVerticalIcon"
                               focusable="false"
                               viewBox="0 0 24 24"
@@ -395,7 +401,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       </div>
                       <div
                         class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                        style="min-height: 56px; opacity: 1;"
+                        style="min-height: 56px;"
                       >
                         <svg
                           aria-hidden="true"
@@ -404,8 +410,11 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                           focusable="false"
                           viewBox="0 0 24 24"
                         >
-                          <path
-                            d="M11 19V5h2v14z"
+                          <rect
+                            height="24"
+                            rx="0.5"
+                            width="1"
+                            x="11.5"
                           />
                         </svg>
                       </div>
@@ -417,7 +426,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor"
                       data-field="id"
                       role="columnheader"
-                      style="height: 56px; width: 150px; min-width: 150px; max-width: 150px;"
+                      style="height: 56px; width: 150px;"
                       tabindex="-1"
                     >
                       <div
@@ -434,7 +443,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                           >
                             <div
                               aria-label=""
-                              class="MuiDataGrid-columnHeaderTitle css-t89xny-MuiDataGrid-columnHeaderTitle"
+                              class="MuiDataGrid-columnHeaderTitle css-1qb993p-MuiDataGrid-columnHeaderTitle"
                               data-mui-internal-clone-element="true"
                             >
                               Issue
@@ -450,13 +459,13 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                             aria-label="Menu"
                             class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall MuiDataGrid-menuIconButton css-hizwh9-MuiButtonBase-root-MuiIconButton-root"
                             data-mui-internal-clone-element="true"
-                            id=":rp:"
+                            id=":rm:"
                             tabindex="-1"
                             type="button"
                           >
                             <svg
                               aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-18w7uxr-MuiSvgIcon-root"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1lzspe0-MuiSvgIcon-root"
                               data-testid="TripleDotsVerticalIcon"
                               focusable="false"
                               viewBox="0 0 24 24"
@@ -470,7 +479,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       </div>
                       <div
                         class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                        style="min-height: 56px; opacity: 1;"
+                        style="min-height: 56px;"
                       >
                         <svg
                           aria-hidden="true"
@@ -479,8 +488,11 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                           focusable="false"
                           viewBox="0 0 24 24"
                         >
-                          <path
-                            d="M11 19V5h2v14z"
+                          <rect
+                            height="24"
+                            rx="0.5"
+                            width="1"
+                            x="11.5"
                           />
                         </svg>
                       </div>
@@ -492,7 +504,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor MuiDataGrid-columnHeader--last"
                       data-field="title"
                       role="columnheader"
-                      style="height: 56px; width: 800px; min-width: 800px; max-width: 800px;"
+                      style="height: 56px; width: 800px;"
                       tabindex="-1"
                     >
                       <div
@@ -509,7 +521,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                           >
                             <div
                               aria-label=""
-                              class="MuiDataGrid-columnHeaderTitle css-t89xny-MuiDataGrid-columnHeaderTitle"
+                              class="MuiDataGrid-columnHeaderTitle css-1qb993p-MuiDataGrid-columnHeaderTitle"
                               data-mui-internal-clone-element="true"
                             >
                               Title
@@ -525,13 +537,13 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                             aria-label="Menu"
                             class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall MuiDataGrid-menuIconButton css-hizwh9-MuiButtonBase-root-MuiIconButton-root"
                             data-mui-internal-clone-element="true"
-                            id=":rv:"
+                            id=":rs:"
                             tabindex="-1"
                             type="button"
                           >
                             <svg
                               aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-18w7uxr-MuiSvgIcon-root"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1lzspe0-MuiSvgIcon-root"
                               data-testid="TripleDotsVerticalIcon"
                               focusable="false"
                               viewBox="0 0 24 24"
@@ -545,7 +557,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                       </div>
                       <div
                         class="MuiDataGrid-columnSeparator MuiDataGrid-columnSeparator--resizable MuiDataGrid-columnSeparator--sideRight"
-                        style="min-height: 56px; opacity: 1;"
+                        style="min-height: 56px;"
                       >
                         <svg
                           aria-hidden="true"
@@ -554,8 +566,11 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                           focusable="false"
                           viewBox="0 0 24 24"
                         >
-                          <path
-                            d="M11 19V5h2v14z"
+                          <rect
+                            height="24"
+                            rx="0.5"
+                            width="1"
+                            x="11.5"
                           />
                         </svg>
                       </div>
@@ -791,7 +806,7 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                 />
                 <p
                   class="MuiTablePagination-selectLabel css-pdct74-MuiTablePagination-selectLabel"
-                  id=":r4:"
+                  id=":r12:"
                 >
                   Rows per page:
                 </p>
@@ -799,12 +814,12 @@ exports[`ReleaseNotesRender component > should render correctly 1`] = `
                   class="MuiInputBase-root MuiInputBase-colorPrimary MuiTablePagination-input css-16c50h-MuiInputBase-root-MuiTablePagination-select"
                 >
                   <div
-                    aria-controls=":r5:"
+                    aria-controls=":r13:"
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-labelledby=":r4: :r3:"
+                    aria-labelledby=":r12: :r11:"
                     class="MuiSelect-select MuiTablePagination-select MuiSelect-standard MuiInputBase-input css-141c2s2-MuiSelect-select-MuiInputBase-input"
-                    id=":r3:"
+                    id=":r11:"
                     role="combobox"
                     tabindex="0"
                   >
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 5e8a06930..b72ac3892 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-igst0y-MuiDataGrid-root"
+            class="MuiDataGrid-root MuiDataGrid-autoHeight MuiDataGrid-root--densityStandard MuiDataGrid-withBorderColor css-1e4tlmm-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
@@ -90,7 +90,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                 role="presentation"
               />
               <div
-                class="MuiDataGrid-virtualScroller css-1793420-MuiDataGrid-virtualScroller"
+                class="MuiDataGrid-virtualScroller MuiDataGrid-virtualScroller--hasScrollX css-1793420-MuiDataGrid-virtualScroller"
                 role="presentation"
                 style="overflow-x: hidden; overflow-y: hidden;"
               >
@@ -118,7 +118,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                         class="MuiDataGrid-columnHeader MuiDataGrid-columnHeader--sortable MuiDataGrid-columnHeader--sorted MuiDataGrid-withBorderColor"
                         data-field="priority"
                         role="columnheader"
-                        style="height: 56px; width: 100px; min-width: 100px; max-width: 100px;"
+                        style="height: 56px; width: 100px;"
                         tabindex="0"
                       >
                         <div
@@ -135,7 +135,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             >
                               <div
                                 aria-label=""
-                                class="MuiDataGrid-columnHeaderTitle css-t89xny-MuiDataGrid-columnHeaderTitle"
+                                class="MuiDataGrid-columnHeaderTitle css-1qb993p-MuiDataGrid-columnHeaderTitle"
                                 data-mui-internal-clone-element="true"
                               >
                                 Priority
@@ -181,7 +181,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-18w7uxr-MuiSvgIcon-root"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1lzspe0-MuiSvgIcon-root"
                                 data-testid="TripleDotsVerticalIcon"
                                 focusable="false"
                                 viewBox="0 0 24 24"
@@ -195,7 +195,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: 1;"
+                          style="min-height: 56px;"
                         >
                           <svg
                             aria-hidden="true"
@@ -204,8 +204,11 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <path
-                              d="M11 19V5h2v14z"
+                            <rect
+                              height="24"
+                              rx="0.5"
+                              width="1"
+                              x="11.5"
                             />
                           </svg>
                         </div>
@@ -217,7 +220,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                         class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor"
                         data-field="type"
                         role="columnheader"
-                        style="height: 56px; width: 100px; min-width: 100px; max-width: 100px;"
+                        style="height: 56px; width: 100px;"
                         tabindex="-1"
                       >
                         <div
@@ -234,7 +237,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             >
                               <div
                                 aria-label=""
-                                class="MuiDataGrid-columnHeaderTitle css-t89xny-MuiDataGrid-columnHeaderTitle"
+                                class="MuiDataGrid-columnHeaderTitle css-1qb993p-MuiDataGrid-columnHeaderTitle"
                                 data-mui-internal-clone-element="true"
                               >
                                 Type
@@ -256,7 +259,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-18w7uxr-MuiSvgIcon-root"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1lzspe0-MuiSvgIcon-root"
                                 data-testid="TripleDotsVerticalIcon"
                                 focusable="false"
                                 viewBox="0 0 24 24"
@@ -270,7 +273,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: 1;"
+                          style="min-height: 56px;"
                         >
                           <svg
                             aria-hidden="true"
@@ -279,8 +282,11 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <path
-                              d="M11 19V5h2v14z"
+                            <rect
+                              height="24"
+                              rx="0.5"
+                              width="1"
+                              x="11.5"
                             />
                           </svg>
                         </div>
@@ -292,7 +298,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                         class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor"
                         data-field="component"
                         role="columnheader"
-                        style="height: 56px; width: 150px; min-width: 150px; max-width: 150px;"
+                        style="height: 56px; width: 150px;"
                         tabindex="-1"
                       >
                         <div
@@ -309,7 +315,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             >
                               <div
                                 aria-label=""
-                                class="MuiDataGrid-columnHeaderTitle css-t89xny-MuiDataGrid-columnHeaderTitle"
+                                class="MuiDataGrid-columnHeaderTitle css-1qb993p-MuiDataGrid-columnHeaderTitle"
                                 data-mui-internal-clone-element="true"
                               >
                                 Component
@@ -331,7 +337,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-18w7uxr-MuiSvgIcon-root"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1lzspe0-MuiSvgIcon-root"
                                 data-testid="TripleDotsVerticalIcon"
                                 focusable="false"
                                 viewBox="0 0 24 24"
@@ -345,7 +351,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: 1;"
+                          style="min-height: 56px;"
                         >
                           <svg
                             aria-hidden="true"
@@ -354,8 +360,11 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <path
-                              d="M11 19V5h2v14z"
+                            <rect
+                              height="24"
+                              rx="0.5"
+                              width="1"
+                              x="11.5"
                             />
                           </svg>
                         </div>
@@ -367,7 +376,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                         class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor"
                         data-field="id"
                         role="columnheader"
-                        style="height: 56px; width: 150px; min-width: 150px; max-width: 150px;"
+                        style="height: 56px; width: 150px;"
                         tabindex="-1"
                       >
                         <div
@@ -384,7 +393,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             >
                               <div
                                 aria-label=""
-                                class="MuiDataGrid-columnHeaderTitle css-t89xny-MuiDataGrid-columnHeaderTitle"
+                                class="MuiDataGrid-columnHeaderTitle css-1qb993p-MuiDataGrid-columnHeaderTitle"
                                 data-mui-internal-clone-element="true"
                               >
                                 Issue
@@ -406,7 +415,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-18w7uxr-MuiSvgIcon-root"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1lzspe0-MuiSvgIcon-root"
                                 data-testid="TripleDotsVerticalIcon"
                                 focusable="false"
                                 viewBox="0 0 24 24"
@@ -420,7 +429,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: 1;"
+                          style="min-height: 56px;"
                         >
                           <svg
                             aria-hidden="true"
@@ -429,8 +438,11 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <path
-                              d="M11 19V5h2v14z"
+                            <rect
+                              height="24"
+                              rx="0.5"
+                              width="1"
+                              x="11.5"
                             />
                           </svg>
                         </div>
@@ -442,7 +454,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                         class="MuiDataGrid-columnHeader MuiDataGrid-withBorderColor MuiDataGrid-columnHeader--last"
                         data-field="title"
                         role="columnheader"
-                        style="height: 56px; width: 800px; min-width: 800px; max-width: 800px;"
+                        style="height: 56px; width: 800px;"
                         tabindex="-1"
                       >
                         <div
@@ -459,7 +471,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             >
                               <div
                                 aria-label=""
-                                class="MuiDataGrid-columnHeaderTitle css-t89xny-MuiDataGrid-columnHeaderTitle"
+                                class="MuiDataGrid-columnHeaderTitle css-1qb993p-MuiDataGrid-columnHeaderTitle"
                                 data-mui-internal-clone-element="true"
                               >
                                 Title
@@ -481,7 +493,7 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-18w7uxr-MuiSvgIcon-root"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1lzspe0-MuiSvgIcon-root"
                                 data-testid="TripleDotsVerticalIcon"
                                 focusable="false"
                                 viewBox="0 0 24 24"
@@ -495,7 +507,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: 1;"
+                          style="min-height: 56px;"
                         >
                           <svg
                             aria-hidden="true"
@@ -504,8 +516,11 @@ exports[`Temurin Release Notes page > renders correctly 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <path
-                              d="M11 19V5h2v14z"
+                            <rect
+                              height="24"
+                              rx="0.5"
+                              width="1"
+                              x="11.5"
                             />
                           </svg>
                         </div>