diff --git a/services/web/app/views/subscriptions/new.jade b/services/web/app/views/subscriptions/new.jade
index bf730024e3..b4f5f8e279 100644
--- a/services/web/app/views/subscriptions/new.jade
+++ b/services/web/app/views/subscriptions/new.jade
@@ -145,17 +145,22 @@ block content
 												.form-group
 													input.form-control(type='text', ng-blur="applyCoupon()", ng-model="data.coupon", placeholder="#{translate('coupon')}")
 
-									.form-group
-										button.btn.btn-success(ng-click="submit()", ng-disabled="processing") #{translate("upgrade_now")} 
 
 									.row
-										.col-md-12
-											span.pull-right
-												div Subtotal - {{price.currency.symbol}}{{price.next.subtotal}}
-												div Tax - {{price.currency.symbol}}{{price.next.tax}}
+										.col-md-6
+											.form-group
+												button.btn.btn-success(ng-click="submit()", ng-disabled="processing") #{translate("upgrade_now")} 
+									
+										.col-md-3.pricingBreakdown
+												div Subtotal
+												div Tax
 												div
-													strong Total - {{price.currency.symbol}}{{price.next.total}}
-
+													strong Total
+										.col-md-3
+												div {{price.currency.symbol}}{{price.next.subtotal}}
+												div {{price.currency.symbol}}{{price.next.tax}}
+												div
+													strong {{price.currency.symbol}}{{price.next.total}}
 
 
 				.col-md-3.col-md-pull-4
diff --git a/services/web/public/stylesheets/app/plans.less b/services/web/public/stylesheets/app/plans.less
index 3f7d6c2fae..c375052394 100644
--- a/services/web/public/stylesheets/app/plans.less
+++ b/services/web/public/stylesheets/app/plans.less
@@ -104,6 +104,8 @@ input.paymentTypeOption.ng-valid {
 	padding-top: 15px;
 }
 
-
+.pricingBreakdown {
+	text-align: right;
+}