diff --git a/ui/litellm-dashboard/src/components/common_components/NewBadge.tsx b/ui/litellm-dashboard/src/components/common_components/NewBadge.tsx
new file mode 100644
index 00000000000..2a3d1a51248
--- /dev/null
+++ b/ui/litellm-dashboard/src/components/common_components/NewBadge.tsx
@@ -0,0 +1,5 @@
+import { Badge } from "antd";
+
+export default function NewBadge() {
+  return <Badge color="blue" count="New" />;
+}
diff --git a/ui/litellm-dashboard/src/components/leftnav.tsx b/ui/litellm-dashboard/src/components/leftnav.tsx
index 11e957ae6d4..fc248ee049a 100644
--- a/ui/litellm-dashboard/src/components/leftnav.tsx
+++ b/ui/litellm-dashboard/src/components/leftnav.tsx
@@ -24,11 +24,12 @@ import {
   UserOutlined,
 } from "@ant-design/icons";
 import type { MenuProps } from "antd";
-import { Badge, ConfigProvider, Layout, Menu } from "antd";
+import { ConfigProvider, Layout, Menu } from "antd";
 import { useMemo } from "react";
 import { all_admin_roles, internalUserRoles, isAdminRole, rolesWithWriteAccess } from "../utils/roles";
 import type { Organization } from "./networking";
 import UsageIndicator from "./usage_indicator";
+import NewBadge from "./common_components/NewBadge";
 const { Sider } = Layout;
 
 // Define the props type
@@ -103,11 +104,7 @@ const Sidebar: React.FC<SidebarProps> = ({ setPage, defaultSelectedKey, collapse
         {
           key: "agents",
           page: "agents",
-          label: (
-            <span className="flex items-center gap-4">
-              Agents <Badge color="blue" count="New" />
-            </span>
-          ),
+          label: <span className="flex items-center gap-4">Agents</span>,
           icon: <RobotOutlined />,
           roles: rolesWithWriteAccess,
         },
@@ -155,11 +152,7 @@ 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 <Badge color="blue" count="New" />
-            </span>
-          ),
+          label: <span className="flex items-center gap-4">Usage</span>,
         },
         {
           key: "logs",
@@ -267,7 +260,11 @@ const Sidebar: React.FC<SidebarProps> = ({ setPage, defaultSelectedKey, collapse
         {
           key: "settings",
           page: "settings",
-          label: "Settings",
+          label: (
+            <span className="flex items-center gap-4">
+              Settings <NewBadge />
+            </span>
+          ),
           icon: <SettingOutlined />,
           roles: all_admin_roles,
           children: [
diff --git a/ui/litellm-dashboard/src/components/settings.tsx b/ui/litellm-dashboard/src/components/settings.tsx
index dfe141b2a4b..735ee6ee75c 100644
--- a/ui/litellm-dashboard/src/components/settings.tsx
+++ b/ui/litellm-dashboard/src/components/settings.tsx
@@ -40,6 +40,7 @@ import { AlertingObject } from "./Settings/LoggingAndAlerts/LoggingCallbacks/typ
 import { parseErrorMessage } from "./shared/errorUtils";
 import DeleteResourceModal from "./common_components/DeleteResourceModal";
 import CloudZeroCostTracking from "./CloudZeroCostTracking/CloudZeroCostTracking";
+import NewBadge from "./common_components/NewBadge";
 interface SettingsPageProps {
   accessToken: string | null;
   userRole: string | null;
@@ -569,7 +570,9 @@ const Settings: React.FC<SettingsPageProps> = ({ accessToken, userRole, userID,
         <TabGroup>
           <TabList variant="line" defaultValue="1">
             <Tab value="1">Logging Callbacks</Tab>
-            <Tab value="2">CloudZero Cost Tracking</Tab>
+            <Tab value="2">
+              CloudZero Cost Tracking <NewBadge />
+            </Tab>
             <Tab value="2">Alerting Types</Tab>
             <Tab value="3">Alerting Settings</Tab>
             <Tab value="4">Email Alerts</Tab>