diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue index 3b23824d8..9c10861c0 100644 --- a/src/experiment-components/service-package-radio-for-afterpay.vue +++ b/src/experiment-components/service-package-radio-for-afterpay.vue @@ -222,6 +222,14 @@ export default { @include media-breakpoint-up(lg) { & > div:first-of-type { display: flex; + justify-content: space-between; + p { + &.sub-label { + background: $green-100; + border-radius: 50rem; + padding: 0.25rem 0.50rem; + } + } } } } diff --git a/src/experiment-components/service-package-radio.vue b/src/experiment-components/service-package-radio.vue index bee29afd8..3ef48d03b 100644 --- a/src/experiment-components/service-package-radio.vue +++ b/src/experiment-components/service-package-radio.vue @@ -291,6 +291,25 @@ export default { height: 10px; min-width: 10px; } + + &.has-subheader { + & > .package-specs { + display: inline-flex; + @include media-breakpoint-up(lg) { + & > div:first-of-type { + display: flex; + justify-content: space-between; + p { + &.sub-label { + background: $green-100; + border-radius: 50rem; + padding: 0.25rem 0.50rem; + } + } + } + } + } + } } &:hover {