How to format the name of the product in Authorize.net credit payment section?

I need help in formatting the name of the product in the authorize.net payment section.  The $ is at the end of the line and the amount is on the next line.  I'd like to make the font smaller to try and get the whole name on the line with the amount.

Please try inserting the below CSS code in your Custom CSS Field:

.form-product-item-detail {

    width: 313px!important;

}

It should work like this:

Please let us know how that worked for you.

Thank you!

That works great!  Thank you!