@media (max-width: 640px) {
  html.route-accounts main {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html.route-accounts main > .space-y-6 > .flex.items-center.justify-between:first-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  html.route-accounts main > .space-y-6 > .flex.items-center.justify-between:first-child > h1 {
    width: 100% !important;
    font-size: 1.45rem !important;
    line-height: 1.9rem !important;
  }

  html.route-accounts main > .space-y-6 > .flex.items-center.justify-between:first-child > button {
    width: 100% !important;
    justify-content: center !important;
    min-height: 44px !important;
  }

  html.route-accounts .overflow-x-auto,
  html.route-purpose-transactions .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
}