From dd135cebe77ce92cd5ac3ad74361cb4feda8d3f3 Mon Sep 17 00:00:00 2001
From: Laura Beatris <48022589+LauraBeatris@users.noreply.github.com>
Date: Fri, 9 Jan 2026 13:54:55 -0300
Subject: [PATCH] Remove inactive opacity from placeholder

---
 .changeset/open-doors-flash.md               |  5 +++++
 packages/clerk-js/src/ui/elements/Select.tsx | 11 +----------
 2 files changed, 6 insertions(+), 10 deletions(-)
 create mode 100644 .changeset/open-doors-flash.md

diff --git a/.changeset/open-doors-flash.md b/.changeset/open-doors-flash.md
new file mode 100644
index 00000000000..1d4003f8973
--- /dev/null
+++ 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
index 77a76187bca..c0dd8f6635f 100644
--- 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 (