diff --git a/frontends/web/src/components/amount/amount.test.tsx b/frontends/web/src/components/amount/amount.test.tsx
index 0c15f27a08..621a8555e6 100644
--- a/frontends/web/src/components/amount/amount.test.tsx
+++ b/frontends/web/src/components/amount/amount.test.tsx
@@ -15,7 +15,7 @@
  */
 
 import { useContext } from 'react';
-import { Mock, afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { Mock, afterEach, beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
 import { render } from '@testing-library/react';
 import { Amount } from './amount';
 import { CoinUnit, ConversionUnit } from '@/api/account';
@@ -52,6 +52,20 @@ const validateSpacing = (values: string[], elements: Element[]) => {
 
 describe('Amount formatting', () => {
 
+  beforeAll(() => {
+    Object.defineProperty(window, 'matchMedia', {
+      writable: true,
+      value: (query: string) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addEventListener: vi.fn(),
+        removeEventListener: vi.fn(),
+        dispatchEvent: vi.fn(),
+      }),
+    });
+  });
+
   beforeEach(() => {
     (useContext as Mock).mockReturnValue({
       hideAmounts: false,
diff --git a/frontends/web/src/components/balance/balance.test.tsx b/frontends/web/src/components/balance/balance.test.tsx
index 19cf4618b5..6c209a0967 100644
--- a/frontends/web/src/components/balance/balance.test.tsx
+++ b/frontends/web/src/components/balance/balance.test.tsx
@@ -25,6 +25,10 @@ vi.mock('@/utils/request', () => ({
   apiGet: vi.fn().mockResolvedValue({}),
 }));
 
+vi.mock('@/hooks/mediaquery', () => ({
+  useMediaQuery: vi.fn().mockReturnValue(true)
+}));
+
 vi.mock('react', () => ({
   useMemo: vi.fn().mockImplementation((fn) => fn()),
   useContext: vi.fn(),