Таблица с динамическим содержимым (строки) занимает слишком большую высоту

Question

У меня есть обычная таблица со строками таблицы, сгенерированными с помощью цикла ngFor. Проблема заключается в следующем: Несмотря на то, что я установил css для таблицы-оболочки на max-height: 450px и overflow-y: auto;, это не имеет значения, что div получает необходимую прокрутку, но вся моя страница, весь элемент тела, имеет высоту этой таблицы с каждой строкой ... У кого-нибудь была похожая проблема?

.table-wrapper {
  display: block;
  max-height: 450px;
  overflow-y: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

td {
  border: 1px solid black;
}

<div class="table-wrapper">
  <!-- I'm reproducing the DOM after Angular ng for  -->
  <table>
    <tr *ngFor="let s of something">
      <td>Some content</td>
    </tr>
  </table>
</div>