Date and Time Inputs look wrong on iOS devices (Chrome, Safari))

Design help Layout & Design
1

Hello everyone, I’m experiencing issues with how Date and Time inputs appear on iOS devices when using Chrome and Safari. Does anyone know why this might be happening? Thank you!

Screenshot 000697
Screenshot 000697896×1934 118 KB

Read Only Link: Webflow - Main House Project

2

hi @Main_House as you live page is not accessible and I do not willing to sign in I can only suggest that in “time” and “date” inputs (that are embed elements) you should also set (in your custom code) width: 100% on mobile viewport using @media eg.


@media(max-width:400px) {
   .form-text-field {
       width: 100%;
   }
}