diff --git a/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx b/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx
index 870f385541..c1b21cb0e0 100644
--- a/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx
@@ -67,7 +67,7 @@ export default function useProfileFields({form: {control, errors}, prefix = ''})
                 id: 'use_profile_fields.label.phone'
             }),
             defaultValue: '',
-            type: 'text',
+            type: 'tel',
             rules: {
                 required: formatMessage({
                     defaultMessage: 'Please enter your phone number.',
@@ -76,6 +76,7 @@ export default function useProfileFields({form: {control, errors}, prefix = ''})
             },
             error: errors[`${prefix}phone`],
             inputProps: ({onChange}) => ({
+                inputmode: 'numeric',
                 onChange(evt) {
                     onChange(formatPhoneNumber(evt.target.value))
                 }