diff --git a/ghost/admin/app/components/modal-product.hbs b/ghost/admin/app/components/modal-product.hbs
index 60e940d393..edce8c8d49 100644
--- a/ghost/admin/app/components/modal-product.hbs
+++ b/ghost/admin/app/components/modal-product.hbs
@@ -154,18 +154,20 @@
{{#if this.stripeMonthlyAmount}}
+ {{currency-symbol this.currency}}
{{this.stripeMonthlyAmount}}
- {{this.currency}}/month
+ /month
{{else}}
+ {{currency-symbol this.currency}}
0
- {{this.currency}}/month
+ /month
{{/if}}
{{#if this.stripeYearlyAmount}}
- {{this.stripeYearlyAmount}}{{this.currency}}/year
+ {{currency-symbol this.currency}}{{this.stripeYearlyAmount}}/year
{{else}}
0{{this.currency}}/year
{{/if}}
diff --git a/ghost/admin/app/styles/layouts/products.css b/ghost/admin/app/styles/layouts/products.css
index 942e6c0a6e..d21076c0b4 100644
--- a/ghost/admin/app/styles/layouts/products.css
+++ b/ghost/admin/app/styles/layouts/products.css
@@ -585,6 +585,13 @@
text-transform: uppercase;
}
+.gh-product-form-tierpreview .monthly-price .currency {
+ align-self: flex-start;
+ font-size: 2.0rem;
+ font-weight: 500;
+ line-height: 1.3em;
+}
+
.gh-product-form-tierpreview ul {
list-style: none;
margin: 0;