diff --git a/src/components/ContactSalesBanner.tsx b/src/components/ContactSalesBanner.tsx
index e5cb87d83..38b9d21ed 100644
--- a/src/components/ContactSalesBanner.tsx
+++ b/src/components/ContactSalesBanner.tsx
@@ -24,19 +24,21 @@ export function ContactSalesBanner() {
{" " + t("contactSalesOr") + " "}
-
- {t("contactSalesContactUs")}
-
-
- .
+
+
+ {t("contactSalesContactUs")}
+
+
+ .
+
);
-}
\ No newline at end of file
+}
diff --git a/src/components/MfaInputForm.tsx b/src/components/MfaInputForm.tsx
index e80c730fc..6a2fdc55a 100644
--- a/src/components/MfaInputForm.tsx
+++ b/src/components/MfaInputForm.tsx
@@ -13,7 +13,7 @@ import {
import { InputOTP, InputOTPGroup, InputOTPSlot } from "./ui/input-otp";
import { Alert, AlertDescription } from "@app/components/ui/alert";
import { useTranslations } from "next-intl";
-import { REGEXP_ONLY_DIGITS } from "input-otp";
+import { REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp";
const MFA_OTP_INPUT_ID = "mfa-otp-code";
@@ -82,9 +82,11 @@ export default function MfaInputForm({
maxLength={6}
{...field}
autoComplete="one-time-code"
- inputMode="numeric"
+ inputMode="text"
autoFocus
- pattern={REGEXP_ONLY_DIGITS}
+ pattern={
+ REGEXP_ONLY_DIGITS_AND_CHARS
+ }
onChange={(value: string) => {
field.onChange(value);
if (value.length === 6) {