diff --git a/frontend/package.json b/frontend/package.json
index fe8369d02f35..032ccb7ca102 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -36,9 +36,9 @@
"@codemirror/lang-json": "6.0.1",
"@emotion/react": "11.11.3",
"@emotion/styled": "11.11.0",
- "@mui/icons-material": "5.11.9",
- "@mui/lab": "5.0.0-alpha.120",
- "@mui/material": "5.11.10",
+ "@mui/icons-material": "5.15.2",
+ "@mui/lab": "5.0.0-alpha.158",
+ "@mui/material": "5.15.2",
"@mui/x-date-pickers": "^6.18.3",
"@tanstack/react-table": "^8.10.7",
"@testing-library/dom": "8.20.1",
diff --git a/frontend/src/component/feature/Dependencies/AddDependencyDialogue.test.tsx b/frontend/src/component/feature/Dependencies/AddDependencyDialogue.test.tsx
index 7e2a0be376b5..36d6ba62dac0 100644
--- a/frontend/src/component/feature/Dependencies/AddDependencyDialogue.test.tsx
+++ b/frontend/src/component/feature/Dependencies/AddDependencyDialogue.test.tsx
@@ -102,7 +102,7 @@ test('Add dependency', async () => {
});
// Open the dropdown by selecting the role.
- const dropdown = screen.queryAllByRole('button')[0];
+ const dropdown = screen.queryAllByRole('combobox')[0];
userEvent.click(dropdown);
const parentAOption = await screen.findByText('parentA');
diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/ManageTagsDialog/ManageTagsDialog.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/ManageTagsDialog/ManageTagsDialog.tsx
index d86f472c77a5..2a260c419d5d 100644
--- a/frontend/src/component/feature/FeatureView/FeatureOverview/ManageTagsDialog/ManageTagsDialog.tsx
+++ b/frontend/src/component/feature/FeatureView/FeatureOverview/ManageTagsDialog/ManageTagsDialog.tsx
@@ -1,4 +1,9 @@
-import { AutocompleteValue, styled, Typography } from '@mui/material';
+import {
+ AutocompleteChangeReason,
+ AutocompleteValue,
+ styled,
+ Typography,
+} from '@mui/material';
import React, { useEffect, useMemo, useState } from 'react';
import { Dialogue } from 'component/common/Dialogue/Dialogue';
import useFeatureApi from 'hooks/api/actions/useFeatureApi/useFeatureApi';
@@ -10,7 +15,6 @@ import { ITag, ITagType } from 'interfaces/tags';
import { TagOption, TagsInput } from './TagsInput';
import { TagTypeSelect } from './TagTypeSelect';
import useTagApi from 'hooks/api/actions/useTagApi/useTagApi';
-import { AutocompleteChangeReason } from '@mui/base/AutocompleteUnstyled/useAutocomplete';
import useTags from 'hooks/api/getters/useTags/useTags';
import cloneDeep from 'lodash.clonedeep';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
diff --git a/frontend/src/component/feedback/FeedbackCES/__snapshots__/FeedbackCESForm.test.tsx.snap b/frontend/src/component/feedback/FeedbackCES/__snapshots__/FeedbackCESForm.test.tsx.snap
index 7b06d3c11cd2..4815c5500dbe 100644
--- a/frontend/src/component/feedback/FeedbackCES/__snapshots__/FeedbackCESForm.test.tsx.snap
+++ b/frontend/src/component/feedback/FeedbackCES/__snapshots__/FeedbackCESForm.test.tsx.snap
@@ -144,7 +144,7 @@ exports[`FeedbackCESForm 1`] = `
aria-hidden="true"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-1wvz5kg-MuiInputBase-input-MuiOutlinedInput-input"
readonly=""
- style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); padding: 0px; width: 100%;"
+ style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); padding-top: 0px; padding-bottom: 0px; width: 100%;"
tabindex="-1"
/>