JSFiddle - React, Tailwind, and code Playground

HTML

<div id="servicebot-subscription-portal"></div>
<script>
    window.servicebotSettings = {
        servicebot_id: "E0OQN0P0Dort", // LIVE & TEST MODE IDs ARE DIFFERENT
	service: "Flat Subscription",
	email: "EXAMPLE@EMAIL.COM", // REPLACE WITH USER'S EMAIL
    };
    (function () { var s = document.createElement('script'); s.src = 'https://js.servicebot.io/embeds/servicebot-billing-settings-embed.js'; s.async = true; s.type = 'text/javascript'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })();
</script>

CSS

.servicebot-row.__tier-plan:after{
    font-weight: 300;
    text-align: center;
    display: block;
    padding: 20px 0;
}
.__tier.__tier-1 .servicebot-row.__tier-plan.__plan-1:after {
    content: 'Description of tier 1 \A Description 2 of tier 1';
    white-space: pre;
}
.__tier.__tier-2 .servicebot-row.__tier-plan.__plan-1:after {
    content: 'Description of tier 2 \A Description 2 of tier 2';
    white-space: pre;
}
.__tier.__tier-3 .servicebot-row.__tier-plan.__plan-1:after {
    content: 'Description of tier 3 \A Description 2 of tier 3';
    white-space: pre;
}