.dialog {
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}

#settingsDialog form {
  display: flex;
  flex-direction: column;
  height: min(640px, calc(100dvh - 32px));
}

#settingsDialog .form-grid {
  overflow-y: auto;
  padding-right: 5px;
}

#settingsDialog .modal-actions {
  flex: 0 0 auto;
  margin-top: 16px;
}

@media (max-width: 650px) {
  .dialog {
    max-height: calc(100dvh - 20px);
  }
}