diff --git a/services/web/app/views/subscriptions/new.jade b/services/web/app/views/subscriptions/new.jade
index eb36b93019..3cd4af749d 100644
--- a/services/web/app/views/subscriptions/new.jade
+++ b/services/web/app/views/subscriptions/new.jade
@@ -14,7 +14,27 @@ block content
 		.container(ng-controller="NewSubscriptionController" ng-cloak)
 			.row.card-group
 						
-				.col-lg-3
+				.col-md-6.col-md-push-3
+					.card.card-highlighted
+						.page-header
+							span.dropdown.changePlanButton.pull-right(ng-cloak)
+								a.btn.btn-default.dropdown-toggle(
+									href="#",
+									data-toggle="dropdown"
+								)
+									| {{currencyCode}} ({{plans[currencyCode]['symbol']}}) 
+									span.caret
+								ul.dropdown-menu(role="menu")
+									li(ng-repeat="(currency, value) in plans", dropdown-toggle)
+										a(
+											ng-click="changeCurrency(currency)",
+										) {{currency}} ({{value['symbol']}})
+							h1 #{translate("new_subscription")}
+						
+						#subscribeForm(style="min-height: 700px;") #{translate("loading_billing_form")}...
+						
+				
+				.col-md-3.col-md-pull-6
 					.card.card-first
 						.paymentPageFeatures
 							.page-header
@@ -46,24 +66,6 @@ block content
 							
 							p.small.text-center We're confident that you'll love ShareLaTeX, but if not you can cancel anytime. We'll give you your money back, no questions asked, if you let us know within 30 days.
 
-				.col-lg-6
-					.card.card-highlighted
-						.page-header
-							span.dropdown.changePlanButton.pull-right(ng-cloak)
-								a.btn.btn-default.dropdown-toggle(
-									href="#",
-									data-toggle="dropdown"
-								)
-									| {{currencyCode}} ({{plans[currencyCode]['symbol']}}) 
-									span.caret
-								ul.dropdown-menu(role="menu")
-									li(ng-repeat="(currency, value) in plans", dropdown-toggle)
-										a(
-											ng-click="changeCurrency(currency)",
-										) {{currency}} ({{value['symbol']}})
-							h1 #{translate("new_subscription")}
-						
-						#subscribeForm(style="min-height: 700px;") #{translate("loading_billing_form")}...
 
 	script(type="text/javascript").
 		ga('send', 'event', 'pageview', 'payment_form', "#{plan_code}")