set single line Text box size by code

Hi,
I have set up a single line text box with the following javascript code for adding "Kg" text after the text entry. When I preview the question, the "Kg" is wrapped to the next line in mobile preview. How can I make them (text box and the "Kg" text in a single line in mobile?
Qualtrics.SurveyEngine.addOnload(function()
{
 /*Place Your Javascript Below This Line*/
 var inputs = $(this.getQuestionContainer()).select('input[type="text"]');
for (var i = 0; i < inputs.length; i++) {
 var input = inputs[i];
 $(input).insert({after: ' weight'});
}
});
I've tried the following suggestion on this. However, there's no change for both desktop and mobile preview.
https://www.qualtrics.com/community/discussion/252/how-do-i-specify-the-size-of-text-box-using-css
Can anybody show a sample for this work.
Thank you.