diff --git a/.changeset/wicked-badgers-know.md b/.changeset/wicked-badgers-know.md
new file mode 100644
index 00000000000..606873843d0
--- /dev/null
+++ b/.changeset/wicked-badgers-know.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Improve the contrast of nav bar buttons within profile components.
diff --git a/packages/clerk-js/src/ui/elements/Navbar.tsx b/packages/clerk-js/src/ui/elements/Navbar.tsx
index 4a79632afc3..6724678bc37 100644
--- a/packages/clerk-js/src/ui/elements/Navbar.tsx
+++ b/packages/clerk-js/src/ui/elements/Navbar.tsx
@@ -279,14 +279,13 @@ const NavButton = (props: NavButtonProps) => {
           gap: t.space.$3,
           justifyContent: 'flex-start',
           backgroundColor: isActive ? t.colors.$neutralAlpha100 : undefined,
-          color: isActive ? t.colors.$primary500 : t.colors.$neutralAlpha600,
+          color: isActive ? t.colors.$primary500 : t.colors.$colorMutedForeground,
           '&:hover': {
             backgroundColor: isActive ? undefined : t.colors.$neutralAlpha25,
           },
           '&:focus': {
             backgroundColor: isActive ? undefined : t.colors.$neutralAlpha50,
           },
-          opacity: isActive ? 1 : 0.6,
         }),
         sx,
       ]}