Две кнопки в одной ячейке DataTable; один меньше, чем другие

Question

Я работаю с DataTable, у которого есть столбец, содержащий две кнопки в стиле Bootstrap. По какой-то причине кнопка справа немного меньше левой.

Изображение указанной проблемы

Ниже кода:

<div class="btn-group">
  <button type="button" class="btn btn-success btn-block mr-4" style="font-size:20px"> Hoogbouw</button>
  <button type="button" class="btn btn-danger btn-block" style="font-size:20px"> Laagbouw</button>
 </div>;

Css:

.dataTable tbody tr {
  height: 425px; 
}
.btn-group{
  width: 100%;
  height: 100%;
}
h1{
 text-align: center; 
}

Что-то не так?

Answer 1

Вам нужно предоставить дополнительный код, что у вас выглядит нормально, но как каждая отдельная кнопка выглядит с точки зрения форматирования? Цвета по умолчанию не красный и зеленый.