diff --git a/.changeset/fruity-donuts-study.md b/.changeset/fruity-donuts-study.md new file mode 100644 index 00000000000..dd445613a7b --- /dev/null +++ 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 index 8851645f873..cd0d49d36bc 100644 --- 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) - ) : ( - ({ opacity: t.opacity.$inactive })} - > - {placeholder} - - ); + show = selectedOption ? buttonRenderOption(selectedOption) : {placeholder}; } return (