diff --git a/ui/litellm-dashboard/src/components/view_logs/index.test.tsx b/ui/litellm-dashboard/src/components/view_logs/index.test.tsx
index 427c55c92bb..937844e1c1d 100644
--- a/ui/litellm-dashboard/src/components/view_logs/index.test.tsx
+++ b/ui/litellm-dashboard/src/components/view_logs/index.test.tsx
@@ -7,15 +7,25 @@ import type { Row } from "@tanstack/react-table";
 import { renderWithProviders } from "../../../tests/test-utils";
 
 const mockHandleFilterResetFromHook = vi.fn();
-vi.mock("./log_filter_logic", () => ({
-  useLogFilterLogic: vi.fn(() => ({
-    filters: {},
-    filteredLogs: { data: [], total: 0, page: 1, page_size: 50, total_pages: 1 },
-    allTeams: [],
-    handleFilterChange: vi.fn(),
-    handleFilterReset: mockHandleFilterResetFromHook,
-  })),
-}));
+vi.mock("./log_filter_logic", async (importOriginal) => {
+  const actual = await importOriginal<typeof import("./log_filter_logic")>();
+  return {
+    ...actual,
+    useLogFilterLogic: vi.fn(() => ({
+      filters: {},
+      filteredLogs: {
+        data: [],
+        total: 0,
+        page: 1,
+        page_size: 50,
+        total_pages: 1,
+      },
+      allTeams: [],
+      handleFilterChange: vi.fn(),
+      handleFilterReset: mockHandleFilterResetFromHook,
+    })),
+  };
+});
 
 vi.mock("../networking", async (importOriginal) => {
   const actual = await importOriginal<typeof import("../networking")>();