"прилипает" к низу страницы что делать

У меня открытие корзины веб сайта происходит через тег . Сам dialog просто прилип к низу страницы и не хочет давать отступ. Причем сверху все работает. Не знаю как пофиксить:

dialog {
  margin-top: 1em;
  margin-bottom: 1em;
  border: none;
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  width: 90%;
  max-width: 600px;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

dialog::-webkit-inner-spin-button {
  display: none;
}