diff --git a/src/components/input/TextInputWithLabelFormGroup.tsx b/src/components/input/TextInputWithLabelFormGroup.tsx
index 9946243d82..5f1d8ef2fa 100644
--- a/src/components/input/TextInputWithLabelFormGroup.tsx
+++ b/src/components/input/TextInputWithLabelFormGroup.tsx
@@ -6,7 +6,7 @@ interface Props {
   label: string
   name: string
   isEditable?: boolean
-  type: 'text' | 'email' | 'number'
+  type: 'text' | 'email' | 'number' | 'tel'
   placeholder?: string
   onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void
 }
diff --git a/src/patients/GeneralInformation.tsx b/src/patients/GeneralInformation.tsx
index 60beb8021f..48fdd5faeb 100644
--- a/src/patients/GeneralInformation.tsx
+++ b/src/patients/GeneralInformation.tsx
@@ -205,7 +205,7 @@ const GeneralInformation = (props: Props) => {
               onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
                 onInputElementChange(event, 'phoneNumber')
               }}
-              type="number"
+              type="tel"
             />
           </div>
           <div className="col">