From bcd271d2c5d9f3feb8051b120514a34ecbad8f43 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Mon, 18 May 2026 16:51:36 -0400
Subject: [PATCH 1/3] fix(ui): Improve ClipboardInput positioning and make
 readonly

---
 packages/ui/src/elements/ClipboardInput.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/elements/ClipboardInput.tsx b/packages/ui/src/elements/ClipboardInput.tsx
index dee689af876..f855908cde1 100644
--- a/packages/ui/src/elements/ClipboardInput.tsx
+++ b/packages/ui/src/elements/ClipboardInput.tsx
@@ -23,17 +23,19 @@ export const ClipboardInput = (props: ClipboardInputProps) => {
       <Input
         {...rest}
         value={value}
-        isDisabled
-        sx={theme => ({ paddingInlineEnd: theme.space.$8 })}
+        readOnly
+        sx={theme => ({ paddingInlineEnd: theme.space.$10, textOverflow: 'ellipsis' })}
       />
 
       <Button
         elementDescriptor={descriptors.formFieldInputCopyToClipboardButton}
         variant='ghost'
         onClick={() => onCopy()}
-        sx={{
-          position: 'absolute',
-          insetInlineEnd: 0,
+        sx={t => {
+          return {
+            position: 'absolute',
+            insetInlineEnd: t.space.$0x5,
+          };
         }}
       >
         <Icon

From 03c4647feda43acd06563185e6038954b5fbca44 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Mon, 18 May 2026 16:54:07 -0400
Subject: [PATCH 2/3] add changeset

---
 .changeset/qcwt-pcxyt-vbpuw.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/qcwt-pcxyt-vbpuw.md

diff --git a/.changeset/qcwt-pcxyt-vbpuw.md b/.changeset/qcwt-pcxyt-vbpuw.md
new file mode 100644
index 00000000000..8a51705ea93
--- /dev/null
+++ b/.changeset/qcwt-pcxyt-vbpuw.md
@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Improve ClipboardInput positioning and accessibility by using `readOnly` instead of `isDisabled`

From a5a5150df6bd0d908ed057ee2ae91a516a1296cb Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Tue, 19 May 2026 13:44:47 -0400
Subject: [PATCH 3/3] adjust sizing

---
 packages/ui/src/elements/ClipboardInput.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/elements/ClipboardInput.tsx b/packages/ui/src/elements/ClipboardInput.tsx
index f855908cde1..ba4e30d2551 100644
--- a/packages/ui/src/elements/ClipboardInput.tsx
+++ b/packages/ui/src/elements/ClipboardInput.tsx
@@ -24,7 +24,7 @@ export const ClipboardInput = (props: ClipboardInputProps) => {
         {...rest}
         value={value}
         readOnly
-        sx={theme => ({ paddingInlineEnd: theme.space.$10, textOverflow: 'ellipsis' })}
+        sx={theme => ({ paddingInlineEnd: theme.space.$7x5, textOverflow: 'ellipsis' })}
       />
 
       <Button
@@ -34,7 +34,10 @@ export const ClipboardInput = (props: ClipboardInputProps) => {
         sx={t => {
           return {
             position: 'absolute',
+            padding: 0,
             insetInlineEnd: t.space.$0x5,
+            insetBlock: t.space.$0x5,
+            aspectRatio: 1,
           };
         }}
       >