Using badge will ruin cell centering

datatable_user

I use bootstrap datatable. If I use bootstrap badge, it will ruin my row text cell centering. How do I make my row text center again with badge?

Here is my code: https://jsfiddle.net/jn7e04hr
Here is full view : https://jsfiddle.net/jn7e04hr/show

I tried : vertical-align: middle; and text-align: center; on the Last name column row inner <td> but there's no changes on Nixon vertical alignment.

Thanks in advance.

allan

vertical-align: middle appears to work okay for me: https://jsfiddle.net/10nxdw58/ (I'm using Firefox atm, but I'd be surprised if other browsers failed with that). What browser are you using?

Allan

datatable_user

apparently I was making change at the wrong place. I change at inner td element instead of the td element itself. Thanks for the help & reply.