@media (min-width: 981px) {
  .account-settings-side .settings-user-row {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "main actions"
      "tags time";
  }
}

@media (max-width: 980px) {
  .account-settings-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .settings-user-row {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "main"
      "tags"
      "time"
      "actions";
    align-items: flex-start;
  }

  .settings-user-time {
    text-align: left;
    justify-self: start;
  }

  .settings-user-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .settings-routing-destination .input-control {
    max-width: 100%;
  }

  .account-billing-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .account-billing-value {
    text-align: left;
  }
}