Need help for CSS CODE

[tapukatata]

I am using css code to edit my Prestashop refference number background but when the code is more that 5 symbols then the result is like on the screenshot

.product-reference{-webkit-box-pack:start;box-pack:start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start}
.product-reference .pro_extra_info_content{background:#ff8a00;padding:0 5px;border-radius:5px 5px;-webkit-box-flex:0;box-flex:0;-moz-flex:0;-ms-flex:0;flex:0}

Screenshot with the problem: https://imgur.com/ohBvFMc

My website is: http://iskambg.com/termo-chashi-s-forma-na/653-chasha-obektiv.html

Edited July 6, 2018 by diyan1234 (see edit history)

[joseantgv]

Add

 

white-space: nowrap;

 

[tapukatata]

Thank you very much, joseantgv. The problem is resolved.