From 77d69afe227118c754935944e55b0e6e3c134f8b Mon Sep 17 00:00:00 2001
From: Stefanos Anagnostou <stefanos@clerk.dev>
Date: Thu, 29 Feb 2024 14:20:07 +0200
Subject: [PATCH] fix(clerk-js): Fix PhoneInput country ISO text color

---
 .changeset/cool-ties-grin.md                                | 5 +++++
 packages/clerk-js/src/ui/elements/PhoneInput/PhoneInput.tsx | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/cool-ties-grin.md

diff --git a/.changeset/cool-ties-grin.md b/.changeset/cool-ties-grin.md
new file mode 100644
index 00000000000..343a76fab7a
--- /dev/null
+++ b/.changeset/cool-ties-grin.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix the PhoneInput country ISO text color
diff --git a/packages/clerk-js/src/ui/elements/PhoneInput/PhoneInput.tsx b/packages/clerk-js/src/ui/elements/PhoneInput/PhoneInput.tsx
index 264d2367029..ccaa8f896ce 100644
--- a/packages/clerk-js/src/ui/elements/PhoneInput/PhoneInput.tsx
+++ b/packages/clerk-js/src/ui/elements/PhoneInput/PhoneInput.tsx
@@ -134,6 +134,7 @@ const PhoneInputBase = forwardRef<HTMLInputElement, PhoneInputProps & { feedback
           })}
         >
           <Text
+            colorScheme='primary'
             sx={{
               textTransform: 'uppercase',
             }}