diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue index e3c9d3ae0..3b23824d8 100644 --- a/src/experiment-components/service-package-radio-for-afterpay.vue +++ b/src/experiment-components/service-package-radio-for-afterpay.vue @@ -219,7 +219,7 @@ export default { &.has-subheader { & > .package-specs { display: inline-flex; - @include media-breakpoint-up(md) { + @include media-breakpoint-up(lg) { & > div:first-of-type { display: flex; } @@ -335,6 +335,9 @@ export default { justify-content: space-between; align-items: center; white-space: nowrap; + @include media-breakpoint-up(md) { + display: inline-flex; + } &.sub-label { color: $green; @@ -374,6 +377,8 @@ export default { } div.discount-price { color: $green; + font-family: UrbanistSemibold, Arial, Helvetica, sans-serif; + font-weight: 600; } @include media-breakpoint-up(md) { position: absolute; @@ -457,6 +462,8 @@ export default { font-weight: 600; line-height: 20px; font-size: 1.25rem; + font-family: UrbanistSemibold, Arial, Helvetica, sans-serif; + font-weight: 600; span.strikethrough-price { text-decoration: line-through; diff --git a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue index 42741a03a..441a4f5cb 100644 --- a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue +++ b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue @@ -314,13 +314,14 @@ export default { &.pricing-info { color: $green; font-size: 0.875rem; + font-family: UrbanistSemibold, Arial, Helvetica, sans-serif; + font-weight: 600; @include media-breakpoint-up(md) { position: absolute; bottom: 0.75rem; left: 0; width: 100%; margin-left: 1.25rem; - font-weight: 600; } span.strikethrough-price { text-decoration: line-through;