diff --git a/ui/litellm-dashboard/src/components/UsagePage/components/EntityUsage/EntityUsage.tsx b/ui/litellm-dashboard/src/components/UsagePage/components/EntityUsage/EntityUsage.tsx
index 7b8fcc4896..3288234192 100644
--- a/ui/litellm-dashboard/src/components/UsagePage/components/EntityUsage/EntityUsage.tsx
+++ b/ui/litellm-dashboard/src/components/UsagePage/components/EntityUsage/EntityUsage.tsx
@@ -24,7 +24,6 @@ import {
 } from "@tremor/react";
 import React, { useEffect, useState } from "react";
 import { ActivityMetrics, processActivityData } from "../../../activity_metrics";
-import NewBadge from "../../../common_components/NewBadge";
 import { UsageExportHeader } from "../../../EntityUsageExport";
 import type { EntityType } from "../../../EntityUsageExport/types";
 import {
@@ -395,14 +394,12 @@ const EntityUsage: React.FC<EntityUsageProps> = ({ accessToken, entityType, enti
         teams={teams || []}
       />
       <TabGroup>
-        <NewBadge>
-          <TabList variant="solid" className="mt-1">
-            <Tab>Cost</Tab>
-            <Tab>{entityType === "agent" ? "Request / Token Consumption" : "Model Activity"}</Tab>
-            <Tab>Key Activity</Tab>
-            <Tab>Endpoint Activity</Tab>
-          </TabList>
-        </NewBadge>
+        <TabList variant="solid" className="mt-1">
+          <Tab>Cost</Tab>
+          <Tab>{entityType === "agent" ? "Request / Token Consumption" : "Model Activity"}</Tab>
+          <Tab>Key Activity</Tab>
+          <Tab>Endpoint Activity</Tab>
+        </TabList>
         <TabPanels>
           <TabPanel>
             <Grid numItems={2} className="gap-2 w-full">
diff --git a/ui/litellm-dashboard/src/components/UsagePage/components/UsagePageView.tsx b/ui/litellm-dashboard/src/components/UsagePage/components/UsagePageView.tsx
index aaecbd063b..88385248b6 100644
--- a/ui/litellm-dashboard/src/components/UsagePage/components/UsagePageView.tsx
+++ b/ui/litellm-dashboard/src/components/UsagePage/components/UsagePageView.tsx
@@ -39,7 +39,6 @@ import { Button } from "@tremor/react";
 import { all_admin_roles } from "../../../utils/roles";
 import { ActivityMetrics, processActivityData } from "../../activity_metrics";
 import CloudZeroExportModal from "../../cloudzero_export_modal";
-import NewBadge from "../../common_components/NewBadge";
 import EntityUsageExportModal from "../../EntityUsageExport";
 import { Team } from "../../key_team_helpers/key_list";
 import { Organization, tagListCall, userDailyActivityAggregatedCall, userDailyActivityCall } from "../../networking";
@@ -438,15 +437,13 @@ const UsagePage: React.FC<UsagePageProps> = ({ teams, organizations }) => {
           {usageView === "global" && (
             <TabGroup>
               <div className="flex justify-between items-center">
-                <NewBadge>
-                  <TabList variant="solid" className="mt-1">
-                    <Tab>Cost</Tab>
-                    <Tab>Model Activity</Tab>
-                    <Tab>Key Activity</Tab>
-                    <Tab>MCP Server Activity</Tab>
-                    <Tab>Endpoint Activity</Tab>
-                  </TabList>
-                </NewBadge>
+                <TabList variant="solid" className="mt-1">
+                  <Tab>Cost</Tab>
+                  <Tab>Model Activity</Tab>
+                  <Tab>Key Activity</Tab>
+                  <Tab>MCP Server Activity</Tab>
+                  <Tab>Endpoint Activity</Tab>
+                </TabList>
                 <Button
                   onClick={() => setIsGlobalExportModalOpen(true)}
                   icon={() => (
@@ -604,21 +601,19 @@ const UsagePage: React.FC<UsagePageProps> = ({ teams, organizations }) => {
                           />
                           <div className="flex bg-gray-100 rounded-lg p-1">
                             <button
-                              className={`px-3 py-1 text-sm rounded-md transition-colors ${
-                                modelViewType === "groups"
-                                  ? "bg-white shadow-sm text-gray-900"
-                                  : "text-gray-600 hover:text-gray-900"
-                              }`}
+                              className={`px-3 py-1 text-sm rounded-md transition-colors ${modelViewType === "groups"
+                                ? "bg-white shadow-sm text-gray-900"
+                                : "text-gray-600 hover:text-gray-900"
+                                }`}
                               onClick={() => setModelViewType("groups")}
                             >
                               Public Model Name
                             </button>
                             <button
-                              className={`px-3 py-1 text-sm rounded-md transition-colors ${
-                                modelViewType === "individual"
-                                  ? "bg-white shadow-sm text-gray-900"
-                                  : "text-gray-600 hover:text-gray-900"
-                              }`}
+                              className={`px-3 py-1 text-sm rounded-md transition-colors ${modelViewType === "individual"
+                                ? "bg-white shadow-sm text-gray-900"
+                                : "text-gray-600 hover:text-gray-900"
+                                }`}
                               onClick={() => setModelViewType("individual")}
                             >
                               Litellm Model Name
diff --git a/ui/litellm-dashboard/src/components/leftnav.tsx b/ui/litellm-dashboard/src/components/leftnav.tsx
index 69374528e9..9079fd6a7e 100644
--- a/ui/litellm-dashboard/src/components/leftnav.tsx
+++ b/ui/litellm-dashboard/src/components/leftnav.tsx
@@ -152,16 +152,16 @@ const Sidebar: React.FC<SidebarProps> = ({ setPage, defaultSelectedKey, collapse
           page: "new_usage",
           icon: <BarChartOutlined />,
           roles: [...all_admin_roles, ...internalUserRoles],
-          label: (
-            <span className="flex items-center gap-4">
-              Usage <NewBadge />
-            </span>
-          ),
+          label: "Usage",
         },
         {
           key: "logs",
           page: "logs",
-          label: "Logs",
+          label: (
+            <span className="flex items-center gap-4">
+              Logs <NewBadge />
+            </span>
+          ),
           icon: <LineChartOutlined />,
         },
       ],
diff --git a/ui/litellm-dashboard/src/components/view_logs/index.tsx b/ui/litellm-dashboard/src/components/view_logs/index.tsx
index 7081e34a63..904d052073 100644
--- a/ui/litellm-dashboard/src/components/view_logs/index.tsx
+++ b/ui/litellm-dashboard/src/components/view_logs/index.tsx
@@ -30,6 +30,7 @@ import { formatNumberWithCommas } from "@/utils/dataUtils";
 import { truncateString } from "@/utils/textUtils";
 import DeletedKeysPage from "../DeletedKeysPage/DeletedKeysPage";
 import DeletedTeamsPage from "../DeletedTeamsPage/DeletedTeamsPage";
+import NewBadge from "../common_components/NewBadge";
 
 interface SpendLogsTableProps {
   accessToken: string | null;
@@ -504,8 +505,8 @@ export default function SpendLogsTable({
         <TabList>
           <Tab>Request Logs</Tab>
           <Tab>Audit Logs</Tab>
-          <Tab>Deleted Keys</Tab>
-          <Tab>Deleted Teams</Tab>
+          <Tab><>Deleted Keys <NewBadge /></></Tab>
+          <Tab><>Deleted Teams <NewBadge /></></Tab>
         </TabList>
         <TabPanels>
           <TabPanel>