diff --git a/plugins/github-actions/src/components/Cards/RecentWorkflowRunsCard.test.tsx b/plugins/github-actions/src/components/Cards/RecentWorkflowRunsCard.test.tsx
index 7a20501072..5e0a5f3e15 100644
--- a/plugins/github-actions/src/components/Cards/RecentWorkflowRunsCard.test.tsx
+++ b/plugins/github-actions/src/components/Cards/RecentWorkflowRunsCard.test.tsx
@@ -15,21 +15,19 @@
  */
 
 import { EntityProvider } from '@backstage/plugin-catalog-react';
-import { lightTheme } from '@backstage/theme';
-import { ThemeProvider } from '@material-ui/core';
-import { render } from '@testing-library/react';
 import React from 'react';
-import { MemoryRouter } from 'react-router';
 import { useWorkflowRuns } from '../useWorkflowRuns';
 import { RecentWorkflowRunsCard } from './RecentWorkflowRunsCard';
 
 import { ConfigReader } from '@backstage/core-app-api';
 import {
-  errorApiRef,
-  configApiRef,
   ConfigApi,
+  configApiRef,
+  errorApiRef,
 } from '@backstage/core-plugin-api';
-import { TestApiProvider } from '@backstage/test-utils';
+import { TestApiProvider, wrapInTestApp } from '@backstage/test-utils';
+import { rootRouteRef } from '../../routes';
+import { render } from '@testing-library/react';
 
 jest.mock('../useWorkflowRuns', () => ({
   useWorkflowRuns: jest.fn(),
@@ -76,24 +74,27 @@ describe('<RecentWorkflowRunsCard />', () => {
 
   const renderSubject = (props: any = {}) =>
     render(
-      <ThemeProvider theme={lightTheme}>
-        <MemoryRouter>
-          <TestApiProvider
-            apis={[
-              [errorApiRef, mockErrorApi],
-              [configApiRef, configApi],
-            ]}
-          >
-            <EntityProvider entity={entity}>
-              <RecentWorkflowRunsCard {...props} />
-            </EntityProvider>
-          </TestApiProvider>
-        </MemoryRouter>
-      </ThemeProvider>,
+      wrapInTestApp(
+        <TestApiProvider
+          apis={[
+            [errorApiRef, mockErrorApi],
+            [configApiRef, configApi],
+          ]}
+        >
+          <EntityProvider entity={entity}>
+            <RecentWorkflowRunsCard {...props} />
+          </EntityProvider>
+        </TestApiProvider>,
+        {
+          mountedRoutes: {
+            '/ci-cd': rootRouteRef,
+          },
+        },
+      ),
     );
 
   it('renders a table with a row for each workflow', async () => {
-    const subject = renderSubject();
+    const subject = await renderSubject();
 
     workflowRuns.forEach(run => {
       expect(subject.getByText(run.message)).toBeInTheDocument();
@@ -101,7 +102,7 @@ describe('<RecentWorkflowRunsCard />', () => {
   });
 
   it('renders a workflow row correctly', async () => {
-    const subject = renderSubject();
+    const subject = await renderSubject();
     const [run] = workflowRuns;
     expect(subject.getByText(run.message).closest('a')).toHaveAttribute(
       'href',