Found a bug? Please fill out the sections below. 👍

Issue Summary

In the Username Field of the signup form, long URL prefixes such as 3000-calcom-calcom-l7zadcepll3.ws-us120.gitpod.io/ overflows due to less width.

Steps to Reproduce

1. Launch the app in a Gitpod workspace or any environment
2. Navigate to the Signup page
3. Observe the prefix field inside the username input

Any other relevant information. For example, why do you consider this a bug and what did you expect to happen instead?

Actual Results

I am unable to see my username while entering it in the username field of signup page due to the badly handled long prefix overflowing

Expected Results

Ideally the long prefix should be contained in fixed width and we should be able to scroll horizontally through the long prefix.

Technical details

• Browser: Firefox
• OS: Ubuntu (22.04)
• Node JS (v22.16.0)

Evidence