Fields truncated on mobile view

Hi, on the desktop, things look fine. However, on the mobile, the fields are cut off on the right. Everything else on the product page either wraps on the next line or shrinks to fit the mobile screen. How can I fix this?
Also, for the colour picker, is there a way to allow users to enter their own hex value? Thanks.