diff --git a/plugins/user-settings/src/components/DefaultSettingsPage/DefaultSettingsPage.test.tsx b/plugins/user-settings/src/components/DefaultSettingsPage/DefaultSettingsPage.test.tsx
index 243e348319..e31c9f26fd 100644
--- a/plugins/user-settings/src/components/DefaultSettingsPage/DefaultSettingsPage.test.tsx
+++ b/plugins/user-settings/src/components/DefaultSettingsPage/DefaultSettingsPage.test.tsx
@@ -34,7 +34,7 @@ describe('<DefaultSettingsPage />', () => {
   it('should render the settings page with 3 tabs', async () => {
     const { container } = await renderInTestApp(<DefaultSettingsPage />);
 
-    const tabs = container.querySelectorAll('[class*=MuiTabs-root] button');
+    const tabs = container.querySelectorAll('[class*=MuiTabs-root] a');
     expect(tabs).toHaveLength(3);
   });
 
@@ -48,7 +48,7 @@ describe('<DefaultSettingsPage />', () => {
       <DefaultSettingsPage tabs={[advancedTabRoute]} />,
     );
 
-    const tabs = container.querySelectorAll('[class*=MuiTabs-root] button');
+    const tabs = container.querySelectorAll('[class*=MuiTabs-root] a');
     expect(tabs).toHaveLength(4);
     expect(tabs[3].textContent).toEqual('Advanced');
   });
@@ -63,7 +63,7 @@ describe('<DefaultSettingsPage />', () => {
       <DefaultSettingsPage tabs={[advancedTabRoute]} />,
     );
 
-    const tabs = container.querySelectorAll('[class*=MuiTabs-root] button');
+    const tabs = container.querySelectorAll('[class*=MuiTabs-root] a');
     expect(tabs).toHaveLength(4);
     expect(tabs[3].textContent).toEqual('Advanced');
   });
diff --git a/plugins/user-settings/src/components/SettingsPage/SettingsPage.test.tsx b/plugins/user-settings/src/components/SettingsPage/SettingsPage.test.tsx
index 8f2efa73f4..f6be87f14f 100644
--- a/plugins/user-settings/src/components/SettingsPage/SettingsPage.test.tsx
+++ b/plugins/user-settings/src/components/SettingsPage/SettingsPage.test.tsx
@@ -36,7 +36,7 @@ describe('<SettingsPage />', () => {
   it('should render the default settings page with 3 tabs', async () => {
     const { container } = await renderInTestApp(<SettingsPage />);
 
-    const tabs = container.querySelectorAll('[class*=MuiTabs-root] button');
+    const tabs = container.querySelectorAll('[class*=MuiTabs-root] a');
     expect(tabs).toHaveLength(3);
   });
 
@@ -49,7 +49,7 @@ describe('<SettingsPage />', () => {
     (useOutlet as jest.Mock).mockReturnValue(advancedTabRoute);
     const { container } = await renderInTestApp(<SettingsPage />);
 
-    const tabs = container.querySelectorAll('[class*=MuiTabs-root] button');
+    const tabs = container.querySelectorAll('[class*=MuiTabs-root] a');
     expect(tabs).toHaveLength(4);
     expect(tabs[3].textContent).toEqual('Advanced');
   });
@@ -63,7 +63,7 @@ describe('<SettingsPage />', () => {
     (useOutlet as jest.Mock).mockReturnValue(advancedTabRoute);
     const { container } = await renderInTestApp(<SettingsPage />);
 
-    const tabs = container.querySelectorAll('[class*=MuiTabs-root] button');
+    const tabs = container.querySelectorAll('[class*=MuiTabs-root] a');
     expect(tabs).toHaveLength(4);
     expect(tabs[3].textContent).toEqual('Advanced');
     const user = userEvent.setup();
@@ -86,7 +86,7 @@ describe('<SettingsPage />', () => {
     (useOutlet as jest.Mock).mockReturnValue(customLayout);
     const { container } = await renderInTestApp(<SettingsPage />);
 
-    const tabs = container.querySelectorAll('[class*=MuiTabs-root] button');
+    const tabs = container.querySelectorAll('[class*=MuiTabs-root] a');
     expect(tabs).toHaveLength(2);
     expect(tabs[0].textContent).toEqual('General');
     expect(tabs[1].textContent).toEqual('Advanced');