.payment-method-braintree {
  .hosted-date-wrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;

    > div:not(.hosted-error) {
      width: $braintree-date-fields-width;

      &:first-child {
        margin-right: $braintree-date-fields-spacing-x;
      }
    }

    .hosted-error {
      width: 100%;
    }
  }
}