.app-scroll-page-body .page-wrapper,
.app-scroll-page-body .page-wrapper > .row,
.app-scroll-page-body .page-wrapper > .row > [class*="col-"],
.user-page-body .page-wrapper,
.user-page-body .page-wrapper > .row,
.user-page-body .page-wrapper > .row > [class*="col-"] {
  min-width: 0;
}

@media (max-width: 767.98px) {
  .app-scroll-page-body,
  .user-list-page-body {
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    padding-bottom: 0;
  }

  .app-scroll-page-body .mobile-logo-header,
  .user-list-page-body .mobile-logo-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
  }

  .app-scroll-page-body .page-wrapper,
  .user-list-page-body .page-wrapper {
    height: calc(100vh - 56px - 64px - env(safe-area-inset-bottom));
    height: calc(100dvh - 56px - 64px - env(safe-area-inset-bottom));
    margin-top: 56px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}