Numbers are distorting in Div

I have a div in which numbers are squeezing when numbers are reaching more than 100 thousand like 11295551.25

<div  class="col-2 text-right pr-0 "><%# Eval("CreditLimit", "{0:c}").ToString().Replace(".", ".</div><div class='col-1 pl-0'>") %></div>  

                                                                  

My bootstrap class is creating problem, i need to rectify that.here is booststrap col-2 which is creating problem.

col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;word-wrap: break-word}