diff --git a/packages/redux-devtools-ui/tests/Container.test.tsx b/packages/redux-devtools-ui/tests/Container.test.tsx
index 6e042bb5..50d699e8 100644
--- a/packages/redux-devtools-ui/tests/Container.test.tsx
+++ b/packages/redux-devtools-ui/tests/Container.test.tsx
@@ -2,6 +2,20 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import { Container } from '../src';
 
+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(),
+  })),
+});
+
 describe('Container', function () {
   it('renders correctly', () => {
     const { container } = render(
diff --git a/packages/redux-devtools-ui/tests/__snapshots__/Container.test.tsx.snap b/packages/redux-devtools-ui/tests/__snapshots__/Container.test.tsx.snap
index 78ccdb1d..4b1b22a3 100644
--- a/packages/redux-devtools-ui/tests/__snapshots__/Container.test.tsx.snap
+++ b/packages/redux-devtools-ui/tests/__snapshots__/Container.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Container renders correctly 1`] = `
 <div
-  class="sc-bdvvtL gyKeHC"
+  class="sc-bdvvtL bKcxHw"
 >
   Text
 </div>