From 22b7b192e97cfcaed620c0b9c91c6d2b3400f2e3 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <im.alexcarpenter@gmail.com>
Date: Fri, 15 Nov 2024 10:21:41 -0500
Subject: [PATCH] fix(clerk-js): Force ProviderInitialIcon to uppercase (#4578)

---
 .changeset/long-plums-float.md                          | 5 +++++
 packages/clerk-js/src/ui/common/ProviderInitialIcon.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/long-plums-float.md

diff --git a/.changeset/long-plums-float.md b/.changeset/long-plums-float.md
new file mode 100644
index 0000000000..87d1758cde
--- /dev/null
+++ b/.changeset/long-plums-float.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Enforce uppercase rendering for `<ProviderInitialIcon />`.
diff --git a/packages/clerk-js/src/ui/common/ProviderInitialIcon.tsx b/packages/clerk-js/src/ui/common/ProviderInitialIcon.tsx
index 5976741eac..e3345fe3ef 100644
--- a/packages/clerk-js/src/ui/common/ProviderInitialIcon.tsx
+++ b/packages/clerk-js/src/ui/common/ProviderInitialIcon.tsx
@@ -35,7 +35,7 @@ export const ProviderInitialIcon = (props: ProviderInitialIconProps) => {
           width: '100%',
         }}
       >
-        {value[0]}
+        {value[0].toUpperCase()}
       </Text>
     </Box>
   );