diff --git a/.changeset/shaky-baboons-taste.md b/.changeset/shaky-baboons-taste.md
new file mode 100644
index 00000000000..1076da6ce87
--- /dev/null
+++ b/.changeset/shaky-baboons-taste.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix invalid DOM element prop being passed down to Input
diff --git a/packages/clerk-js/src/ui/primitives/Input.tsx b/packages/clerk-js/src/ui/primitives/Input.tsx
index f96d561f6e2..87d903c0e33 100644
--- a/packages/clerk-js/src/ui/primitives/Input.tsx
+++ b/packages/clerk-js/src/ui/primitives/Input.tsx
@@ -86,8 +86,8 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref)
 
   const typeProps =
     type === 'email'
-      ? { type: 'text', pattern: '^.*@[a-zA-Z0-9\\-]+\\.[a-zA-Z0-9\\-\\.]+$', inputmode: 'email' }
-      : { type: type || 'text' };
+      ? { type: 'text' as const, pattern: '^.*@[a-zA-Z0-9\\-]+\\.[a-zA-Z0-9\\-\\.]+$', inputMode: 'email' as const }
+      : { type: type || ('text' as const) };
 
   const passwordManagerProps = ignorePasswordManager
     ? {