fix(ui): Remove opacity from Select placeholder (#7574)

LauraBeatris · web-flow · commit adb94a68bd76 · 2026-01-09T08:53:02.000-08:00
diff --git a/.changeset/fruity-donuts-study.md b/.changeset/fruity-donuts-study.md
@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Remove opacity from `Select` placeholder
diff --git a/packages/ui/src/elements/Select.tsx b/packages/ui/src/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/ui': patch
 +---
++
 +Remove opacity from `Select` placeholder