fix(clerk-js): Remove opacity from Select placeholder (#7575)

LauraBeatris · web-flow · commit 4ac7188a797d · 2026-01-09T10:03:02.000-08:00
diff --git a/.changeset/open-doors-flash.md b/.changeset/open-doors-flash.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Remove opacity from `Select` placeholder
diff --git a/packages/clerk-js/src/ui/elements/Select.tsx b/packages/clerk-js/src/ui/elements/Select.tsx
@@ -393,16 +393,7 @@ export const SelectButton = (
 
   let show: React.ReactNode = children;
   if (!children) {
-    show = selectedOption ? (
-      buttonRenderOption(selectedOption)
-    ) : (
-      <Text
-        as='span'
-        sx={t => ({ opacity: t.opacity.$inactive })}
-      >
-        {placeholder}
-      </Text>
-    );
+    show = selectedOption ? buttonRenderOption(selectedOption) : <Text as='span'>{placeholder}</Text>;
   }
 
   return (

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@clerk/clerk-js': patch
 +---
++
 +Remove opacity from `Select` placeholder