diff --git a/src/app/admin/idp/[idpId]/general/page.tsx b/src/app/admin/idp/[idpId]/general/page.tsx
index 44af4434..7bed1349 100644
--- a/src/app/admin/idp/[idpId]/general/page.tsx
+++ b/src/app/admin/idp/[idpId]/general/page.tsx
@@ -238,8 +238,11 @@ export default function GeneralPage() {
                                                 );
                                             }}
                                         />
-                                        <Badge className="ml-2">
-                                            Enterprise
+                                        <Badge
+                                            variant="outlinePrimary"
+                                            className="ml-2"
+                                        >
+                                            Professional
                                         </Badge>
                                     </div>
                                     <span className="text-sm text-muted-foreground">
diff --git a/src/app/admin/idp/create/page.tsx b/src/app/admin/idp/create/page.tsx
index 45b30ac1..3842bf76 100644
--- a/src/app/admin/idp/create/page.tsx
+++ b/src/app/admin/idp/create/page.tsx
@@ -198,8 +198,11 @@ export default function Page() {
                                                 );
                                             }}
                                         />
-                                        <Badge className="ml-2">
-                                            Enterprise
+                                        <Badge
+                                            variant="outlinePrimary"
+                                            className="ml-2"
+                                        >
+                                            Professional
                                         </Badge>
                                     </div>
                                     <span className="text-sm text-muted-foreground">
diff --git a/src/app/navigation.tsx b/src/app/navigation.tsx
index ea33b294..cc550d76 100644
--- a/src/app/navigation.tsx
+++ b/src/app/navigation.tsx
@@ -68,7 +68,7 @@ export const orgNavItems: SidebarNavItem[] = [
         title: "API Keys",
         href: "/{orgId}/settings/api-keys",
         icon: <KeyRound className="h-4 w-4" />,
-        showEnterprise: true
+        showProfessional: true
     },
     {
         title: "Settings",
@@ -87,7 +87,7 @@ export const adminNavItems: SidebarNavItem[] = [
         title: "API Keys",
         href: "/{orgId}/settings/api-keys",
         icon: <KeyRound className="h-4 w-4" />,
-        showEnterprise: true
+        showProfessional: true
     },
     {
         title: "Identity Providers",
diff --git a/src/components/SidebarNav.tsx b/src/components/SidebarNav.tsx
index 31dd2ce2..d8f64db0 100644
--- a/src/components/SidebarNav.tsx
+++ b/src/components/SidebarNav.tsx
@@ -14,7 +14,7 @@ export interface SidebarNavItem {
     icon?: React.ReactNode;
     children?: SidebarNavItem[];
     autoExpand?: boolean;
-    showEnterprise?: boolean;
+    showProfessional?: boolean;
 }
 
 export interface SidebarNavProps extends React.HTMLAttributes<HTMLElement> {
@@ -98,8 +98,8 @@ export function SidebarNav({
             const hasChildren = item.children && item.children.length > 0;
             const isExpanded = expandedItems.has(hydratedHref);
             const indent = level * 28; // Base indent for each level
-            const isEnterprise = item.showEnterprise;
-            const isDisabled = disabled || isEnterprise;
+            const isProfessional = item.showProfessional;
+            const isDisabled = disabled || isProfessional;
 
             return (
                 <div key={hydratedHref}>
@@ -114,7 +114,7 @@ export function SidebarNav({
                             )}
                         >
                             <Link
-                                href={isEnterprise ? "#" : hydratedHref}
+                                href={isProfessional ? "#" : hydratedHref}
                                 className={cn(
                                     "flex items-center w-full px-3 py-2",
                                     isActive
@@ -132,15 +132,25 @@ export function SidebarNav({
                                 tabIndex={isDisabled ? -1 : undefined}
                                 aria-disabled={isDisabled}
                             >
-                                <div className={cn("flex items-center", isDisabled && "opacity-60")}>
+                                <div
+                                    className={cn(
+                                        "flex items-center",
+                                        isDisabled && "opacity-60"
+                                    )}
+                                >
                                     {item.icon && (
-                                        <span className="mr-3">{item.icon}</span>
+                                        <span className="mr-3">
+                                            {item.icon}
+                                        </span>
                                     )}
                                     {item.title}
                                 </div>
-                                {isEnterprise && (
-                                    <Badge className="ml-2">
-                                        Enterprise
+                                {isProfessional && (
+                                    <Badge
+                                        variant="outlinePrimary"
+                                        className="ml-2"
+                                    >
+                                        Professional
                                     </Badge>
                                 )}
                             </Link>
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
index f6da3aa8..da278d1f 100644
--- a/src/components/ui/badge.tsx
+++ b/src/components/ui/badge.tsx
@@ -10,6 +10,7 @@ const badgeVariants = cva(
             variant: {
                 default:
                     "border-transparent bg-primary text-primary-foreground",
+                outlinePrimary: "border-transparent bg-transparent border-primary text-primary",
                 secondary:
                     "border-transparent bg-secondary text-secondary-foreground",
                 destructive: