diff --git a/client/components/mma/identity/form/FormField.tsx b/client/components/mma/identity/form/FormField.tsx
index 1b87ecf04..433e8f7d0 100644
--- a/client/components/mma/identity/form/FormField.tsx
+++ b/client/components/mma/identity/form/FormField.tsx
@@ -98,3 +98,4 @@ const getInputFieldOfType = (type: string) => {
 export const FormTextField = getInputFieldOfType('text');
 export const FormNumberField = getInputFieldOfType('number');
 export const FormEmailField = getInputFieldOfType('email');
+export const FormTelephoneField = getInputFieldOfType('tel');
diff --git a/client/components/mma/identity/settings/SettingsFormSection.tsx b/client/components/mma/identity/settings/SettingsFormSection.tsx
index 668a9b0f8..3ae7b820e 100644
--- a/client/components/mma/identity/settings/SettingsFormSection.tsx
+++ b/client/components/mma/identity/settings/SettingsFormSection.tsx
@@ -6,8 +6,8 @@ import type { FC } from 'react';
 import { Button } from '../../shared/Buttons';
 import {
 	FormEmailField,
-	FormNumberField,
 	FormSelectField,
+	FormTelephoneField,
 	FormTextField,
 } from '../form/FormField';
 import * as PhoneNumberAPI from '../idapi/phonenumber';
@@ -173,7 +173,7 @@ const BaseForm = (props: FormikProps<User> & SettingsFormProps) => {
 					formikProps={props}
 					labelModifier={(o: string) => `+${o}`}
 				/>
-				<FormNumberField
+				<FormTelephoneField
 					name="localNumber"
 					label="Local Number"
 					formikProps={props}