Table2 truncated table cells not vertically centered with non-default table row heights

[zerovox]

Steps to reproduce

1. Create a table with non-default row heights, in my screenshot below this is 30px via defaultRowHeight={30}
2. Add cells formatted with <TruncatedFormat2 />

Actual behavior

The row contents are not all vertically lined up

Expected behavior

Row contents are still vertically centered within the row.

Possible solution

TruncatedFormat2 does some relative styling for the truncated value + truncated-more-button. It could instead be flex-styled to right align the more-button.

[adidahiya]

Agreed @zerovox, this could be improved:

It will probably be a relatively simple CSS change if you or anyone else wants to contribute a bugfix!