fix(engine): 🐛 Attempt to fix auto zoom on Android

packages/bot-engine/src/assets/phone.css

@@ -4,6 +4,7 @@
   background: transparent;
   flex: 1 1 0%;
   width: 100%;
+  font-size: 16px;
 }
 
 .PhoneInputCountry {

packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/DateForm.tsx

@@ -35,7 +35,11 @@ export const DateForm = ({
               )}
               <input
                 className="focus:outline-none flex-1 w-full text-input"
-                style={{ minHeight: '2rem', minWidth: '100px' }}
+                style={{
+                  minHeight: '2rem',
+                  minWidth: '100px',
+                  fontSize: '16px',
+                }}
                 type={hasTime ? 'datetime-local' : 'date'}
                 onChange={(e) =>
                   setInputValues({ ...inputValues, from: e.target.value })
@@ -50,7 +54,11 @@ export const DateForm = ({
                 )}
                 <input
                   className="focus:outline-none flex-1 w-full text-input ml-2"
-                  style={{ minHeight: '2rem', minWidth: '100px' }}
+                  style={{
+                    minHeight: '2rem',
+                    minWidth: '100px',
+                    fontSize: '16px',
+                  }}
                   type={hasTime ? 'datetime-local' : 'date'}
                   onChange={(e) =>
                     setInputValues({ ...inputValues, to: e.target.value })

packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/TextForm/TextInputContent.tsx

@@ -132,6 +132,7 @@ const ShortTextInput = React.forwardRef(
       className="focus:outline-none bg-transparent px-4 py-4 flex-1 w-full text-input"
       type="text"
       required
+      style={{ fontSize: '16px' }}
       {...props}
     />
   )
@@ -152,6 +153,7 @@ const LongTextInput = React.forwardRef(
       rows={4}
       data-testid="textarea"
       required
+      style={{ fontSize: '16px' }}
       {...props}
     />
   )