.ui-main {
  align-items: center;
  background-color: var(--theme-background);
  min-height: calc(100vh - var(--header-height));

  /* Account for the bottom notch */
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom, 0);
  padding-bottom: env(safe-area-inset-bottom, 0);
}

@screen md {
  .ui-main {
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
  }
}