The design of one of our applications requires that a certain text box be only wide enough to display a few digits at a time (30px).

There's no problem actually setting the width to 30px but when a user types in the text box, they can only ever see one digit at a time. It seems the rest of the digits are being bumped out of view.

I tried various widths (both px and em as well) and it appears as if the actual input is much smaller to the fake image of an input drawn by Dijit. Is there any way to resolve this or do I have to resort to redesigning the layout to accommodate a significantly wider text box?

Thank you.