diff --git a/.changeset/five-animals-pull.md b/.changeset/five-animals-pull.md
new file mode 100644
index 00000000000..596ecbd6783
--- /dev/null
+++ b/.changeset/five-animals-pull.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Conditionally apply `tabIndex={-1}` usage when shown to ensure buttons are keyboard accessible.
diff --git a/packages/clerk-js/src/ui/elements/ClipboardInput.tsx b/packages/clerk-js/src/ui/elements/ClipboardInput.tsx
index 0a622a814cb..7d8a448b723 100644
--- a/packages/clerk-js/src/ui/elements/ClipboardInput.tsx
+++ b/packages/clerk-js/src/ui/elements/ClipboardInput.tsx
@@ -30,7 +30,6 @@ export const ClipboardInput = (props: ClipboardInputProps) => {
       <Button
         elementDescriptor={descriptors.formFieldInputCopyToClipboardButton}
         variant='ghost'
-        tabIndex={-1}
         onClick={onCopy}
         sx={{
           position: 'absolute',
diff --git a/packages/clerk-js/src/ui/elements/PasswordInput.tsx b/packages/clerk-js/src/ui/elements/PasswordInput.tsx
index ec85dc5b6e1..286cc7c3226 100644
--- a/packages/clerk-js/src/ui/elements/PasswordInput.tsx
+++ b/packages/clerk-js/src/ui/elements/PasswordInput.tsx
@@ -31,6 +31,7 @@ export const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>((p
     setWarning,
     setError,
     setHasPassedComplexity,
+    tabIndex,
     ...rest
   } = props;
   const inputRef = useRef<HTMLInputElement>(null);
@@ -86,6 +87,7 @@ export const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>((p
     >
       <Input
         {...rest}
+        tabIndex={tabIndex}
         onChange={onChange}
         onBlur={e => {
           rest.onBlur?.(e);
@@ -108,7 +110,7 @@ export const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>((p
         aria-label={`${hidden ? 'Show' : 'Hide'} password`}
         variant='ghost'
         size='xs'
-        tabIndex={-1}
+        tabIndex={tabIndex}
         onClick={() => setHidden(s => !s)}
         sx={theme => ({
           position: 'absolute',