Ionic table not letting me vertical allign contents of table cell (td) and a strange padding

So I have this code pen works fine:

But I’m trying the same in ionic and I get:

It has a weird internal padding and also things arrent vertically align inside the cells.

Ok jsut used chromes inspect element and it seemed the class “row” had some padding so I just overrided it.


  <tr class="row-custom">
    <td class="instructions">
      Subir foto de su cédula
    <td class="icon">
      <img src="img/icons/ic_white-camera.png">

I was insert a height in td and removed it and added it to class .row-custom now it works, really strange…,…

#meds-cam-scanner .docs {
  border-collapse: collapse;
  width: 300px;
  border: $dark-borders;

#meds-cam-scanner .docs td{
  vertical-align: middle;

#meds-cam-scanner .row-custom {
  padding: 0;
  height: 200px;