diff --git a/ui/litellm-dashboard/src/components/common_components/NewBadge.test.tsx b/ui/litellm-dashboard/src/components/common_components/NewBadge.test.tsx
deleted file mode 100644
index 3ae24b16e7b..00000000000
--- a/ui/litellm-dashboard/src/components/common_components/NewBadge.test.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import NewBadge from "./NewBadge";
-
-// Mock the hook directly
-vi.mock("@/app/(dashboard)/hooks/useDisableShowNewBadge", () => ({
- useDisableShowNewBadge: vi.fn(),
-}));
-
-import { useDisableShowNewBadge } from "@/app/(dashboard)/hooks/useDisableShowNewBadge";
-
-const mockUseDisableShowNewBadge = vi.mocked(useDisableShowNewBadge);
-
-describe("NewBadge", () => {
- beforeEach(() => {
- vi.clearAllMocks();
- });
-
- it("should render the badge when disableShowNewBadge is false", () => {
- mockUseDisableShowNewBadge.mockReturnValue(false);
-
- render(Test Content);
-
- expect(screen.getByText("New")).toBeInTheDocument();
- expect(screen.getByText("Test Content")).toBeInTheDocument();
- });
-
- it("should render the badge when disableShowNewBadge is not set", () => {
- mockUseDisableShowNewBadge.mockReturnValue(false);
-
- render();
-
- expect(screen.getByText("New")).toBeInTheDocument();
- });
-
- it("should render only children when disableShowNewBadge is true", () => {
- mockUseDisableShowNewBadge.mockReturnValue(true);
-
- render(Test Content);
-
- expect(screen.queryByText("New")).not.toBeInTheDocument();
- expect(screen.getByText("Test Content")).toBeInTheDocument();
- });
-
- it("should render nothing when disableShowNewBadge is true and no children", () => {
- mockUseDisableShowNewBadge.mockReturnValue(true);
-
- const { container } = render();
-
- expect(container).toBeEmptyDOMElement();
- });
-
- it("should render badge with dot when dot prop is true", () => {
- mockUseDisableShowNewBadge.mockReturnValue(false);
-
- render(Test Content);
-
- expect(screen.queryByText("New")).not.toBeInTheDocument();
- expect(screen.getByText("Test Content")).toBeInTheDocument();
- });
-
- it("should render badge with 'New' text when dot prop is false", () => {
- mockUseDisableShowNewBadge.mockReturnValue(false);
-
- render(Test Content);
-
- expect(screen.getByText("New")).toBeInTheDocument();
- expect(screen.getByText("Test Content")).toBeInTheDocument();
- });
-
- it("should render badge with 'New' text when dot prop is not provided (defaults to false)", () => {
- mockUseDisableShowNewBadge.mockReturnValue(false);
-
- render(Test Content);
-
- expect(screen.getByText("New")).toBeInTheDocument();
- expect(screen.getByText("Test Content")).toBeInTheDocument();
- });
-
- it("should render badge with dot when dot is true and no children", () => {
- mockUseDisableShowNewBadge.mockReturnValue(false);
-
- render();
-
- expect(screen.queryByText("New")).not.toBeInTheDocument();
- });
-});
diff --git a/ui/litellm-dashboard/src/components/common_components/NewBadge.tsx b/ui/litellm-dashboard/src/components/common_components/NewBadge.tsx
deleted file mode 100644
index 0184616803e..00000000000
--- a/ui/litellm-dashboard/src/components/common_components/NewBadge.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Badge } from "@/components/ui/badge";
-import { useDisableShowNewBadge } from "@/app/(dashboard)/hooks/useDisableShowNewBadge";
-
-export default function NewBadge({ children, dot = false }: { children?: React.ReactNode; dot?: boolean }) {
- const disableShowNewBadge = useDisableShowNewBadge();
-
- if (disableShowNewBadge) {
- return children ? <>{children}> : null;
- }
-
- const badge = dot ? : New;
-
- return children ? (
-
- {children}
- {badge}
-
- ) : (
- badge
- );
-}