Why are you changing the display properties of the
<tr> (to ‘block’) and the
<td> (to ‘inline-block’)?
Table elements have their own default display properties which will be more predictable for you to work with.
If I were you, unless there’s a good reason for the change – maybe with the bigger picture that we’re unaware of – I’d take out the ‘display’ lines in the CSS (and the widths) and let the table elements revert back to their default behaviour.
Without inline-blocks screwing up the cell distributions, they’ll naturally fall into a more uniform-looking grid.
If this isn’t you’re intention, let us know what is, maybe with a simple diagram.