Static text, after a text entry box that is attached to a multiple choice selection, is slightly off

So I used the following code that I found on this site to add a " %" symbol after a text entry option. This worked for a question that only had a textbox in it, but not for another question that had two multiple choice (a YES and a NO), with the NO option requiring a numerical input. The percent symbol next to this box was slightly upwards and looks quite odd. This is the code I am using currently:

Qualtrics.SurveyEngine.addOnload(function()
{
/*Place your JavaScript here to run when the page loads*/

var inputs = $(this.getQuestionContainer()).select('input[type="text"]')

var input = inputs[0];
$(input).insert({after: ' %'});
});

And here is an image of what I am seeing:
!

Any help in moving the percent symbol to be more centred would be appreciated.