1 files changed, 16 insertions, 11 deletions

diff --git a/src/features/planSelection/components/PlanSelection.js b/src/features/planSelection/components/PlanSelection.js
index 9cd592083..1a45cf035 100644
--- a/src/features/planSelection/components/PlanSelection.js
+++ b/src/features/planSelection/components/PlanSelection.js
@@ -137,6 +137,9 @@ const styles = theme => ({
     border: '1px solid red',
     overflow: 'scroll-x',
   },
+  featuredPlan: {
+    transform: 'scale(1.05)',
+  },
 });
 
 @injectSheet(styles) @observer
@@ -197,29 +200,31 @@ class PlanSelection extends Component {
                 />
               </PlanItem>
               <PlanItem
-                name={i18nPlanName(plans.personal.yearly.id, intl)}
-                text={intl.formatMessage(messages.textPersonal)}
-                price={plans.personal.yearly.price}
+                name={i18nPlanName(plans.pro.yearly.id, intl)}
+                text={intl.formatMessage(messages.textProfessional)}
+                price={plans.pro.yearly.price}
                 currency={currency}
-                ctaLabel={intl.formatMessage(hadSubscription ? messages.shortActionPersonal : messages.actionTrial)}
+                ctaLabel={intl.formatMessage(hadSubscription ? messages.shortActionPro : messages.actionTrial)}
                 upgrade={() => upgradeAccount(plans.personal.yearly.id)}
+                className={classes.featuredPlan}
+                perUser
+                bestValue
               >
                 <FeatureList
-                  plan={PLANS.PERSONAL}
+                  plan={PLANS.PRO}
                   className={classes.featureList}
                 />
               </PlanItem>
               <PlanItem
-                name={i18nPlanName(plans.pro.yearly.id, intl)}
-                text={intl.formatMessage(messages.textProfessional)}
-                price={plans.pro.yearly.price}
+                name={i18nPlanName(plans.personal.yearly.id, intl)}
+                text={intl.formatMessage(messages.textPersonal)}
+                price={plans.personal.yearly.price}
                 currency={currency}
-                ctaLabel={intl.formatMessage(hadSubscription ? messages.shortActionPro : messages.actionTrial)}
+                ctaLabel={intl.formatMessage(hadSubscription ? messages.shortActionPersonal : messages.actionTrial)}
                 upgrade={() => upgradeAccount(plans.personal.yearly.id)}
-                perUser
               >
                 <FeatureList
-                  plan={PLANS.PRO}
+                  plan={PLANS.PERSONAL}
                   className={classes.featureList}
                 />
               </PlanItem>