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