diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index 2106f525c..048cb9b09 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -2353,8 +2353,7 @@
"message": "Try Ghostery Midnight"
},
"seven_day_free_trial": {
- "message": "7 Day Free Trial ($$14/mo)",
- "description": "Do not localize currency. Use the $14 USD amount. The second $ is needed to escape the special meaning of $"
+ "message": "7 Day Free Trial ($14/mo)"
},
"full_coverage_protection_promise": {
"message": "Get full-coverage protection across all browsers & apps on your device"
@@ -2375,8 +2374,7 @@
"message": "Download for free"
},
"support_ghostery_for_2_instead": {
- "message": "Support Ghostery for $$2/mo instead",
- "description": "Do not localize currency. Use the $2 USD amount. The second $ is needed to escape the special meaning of $"
+ "message": "Support Ghostery for $2/mo instead"
},
"no_thanks_continue_with_basic": {
"message": "No thanks, continue with basic"
diff --git a/app/shared-components/PremiumPromoModal/PremiumPromoModal.jsx b/app/shared-components/PremiumPromoModal/PremiumPromoModal.jsx
index 600195aeb..be9f72553 100644
--- a/app/shared-components/PremiumPromoModal/PremiumPromoModal.jsx
+++ b/app/shared-components/PremiumPromoModal/PremiumPromoModal.jsx
@@ -56,7 +56,7 @@ const PremiumPromoModal = (props) => {
{t('try_ghostery_midnight')}
- {t('seven_day_free_trial')}
+
{t('full_coverage_protection_promise')}
@@ -99,9 +99,7 @@ const PremiumPromoModal = (props) => {
{!isPlus && (
-
- {t('support_ghostery_for_2_instead')}
-
+
)}
{isInHub && (
diff --git a/app/shared-components/PremiumPromoModal/PremiumPromoModal.scss b/app/shared-components/PremiumPromoModal/PremiumPromoModal.scss
index 32817cc9f..c100f37cb 100644
--- a/app/shared-components/PremiumPromoModal/PremiumPromoModal.scss
+++ b/app/shared-components/PremiumPromoModal/PremiumPromoModal.scss
@@ -16,12 +16,12 @@ $standard-font-family: Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial,
$condensed-font-family: Roboto Condensed, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
.PremiumPromoModal__content {
- position: relative;
- z-index: 10;
- width: 518px;
- height: 437px;
- border: solid 1.9px #720174;
- background-color: #f7f7f7;
+ position: relative;
+ z-index: 10;
+ width: 518px;
+ height: 437px;
+ border: solid 1.9px #720174;
+ background-color: #f7f7f7;
}
.PremiumPromoModal__midnight-logo {
@@ -33,8 +33,8 @@ $condensed-font-family: Roboto Condensed, "Open Sans", "Helvetica Neue", Helveti
.PremiumPromoModal__header {
display: flex;
- width: 100%;
- justify-content: space-evenly;
+ width: 95%;
+ justify-content: space-around; // Edge does not support space-evenly
}
.PremiumPromoModal__header-text {
@@ -106,19 +106,20 @@ $condensed-font-family: Roboto Condensed, "Open Sans", "Helvetica Neue", Helveti
}
.PremiumPromoModal__buttons-background {
- background-color: #e7ecee;
- margin-bottom: 3px;
- width: 99%;
- height: 107px;
- z-index: -1;
- display: flex;
- flex-direction: column;
- justify-content: space-evenly
+ background-color: #e7ecee;
+ margin-bottom: 3px;
+ width: 99%;
+ height: 107px;
+ z-index: -1;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around; // Edge does not support space-evenly
}
.PremiumPromoModal__button-container {
display: flex;
justify-content: center;
+ margin-top: 10px;
}
.PremiumPromoModal__download-button {
@@ -150,17 +151,17 @@ $condensed-font-family: Roboto Condensed, "Open Sans", "Helvetica Neue", Helveti
}
.PremiumPromoModal__text-link-container {
- display: flex;
- justify-content: space-evenly;
+ display: flex;
+ justify-content: space-around; // Edge does not support space-evenly
}
.PremiumPromoModal__text-link {
- margin-left: 10px;
- margin-right: 10px;
- font-size: 15px;
- font-family: $standard-font-family;
- color: #4a4a4a;
- text-decoration: underline;
- text-align: center;
- cursor: pointer;
+ margin-left: 10px;
+ margin-right: 10px;
+ font-size: 15px;
+ font-family: $standard-font-family;
+ color: #4a4a4a;
+ text-decoration: underline;
+ text-align: center;
+ cursor: pointer;
}