diff --git a/src/App.test.tsx b/src/App.test.tsx
index 1ed5ef2e..b721ea09 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -13,6 +13,21 @@ jest.mock("oidc-react", () => ({
     },
 }));
 
+
+Object.defineProperty(window, "matchMedia", {
+    writable: true,
+    value: jest.fn().mockImplementation(query => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(), // Deprecated
+        removeListener: jest.fn(), // Deprecated
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        dispatchEvent: jest.fn(),
+    })),
+});
+
 jest.mock("react-i18next", () => ({
     // this mock makes sure any components using the translate hook can use it without a warning being shown
     useTranslation: () => {