Refine search selection modal layout to guard against element overlap…

…s at narrow widths. Rework plan selection header CSS to guard against element overlaps at narrow widths and across locales

app/dawn-hub/Views/OnboardingViews/Step3_ChooseDefaultSearchView/ChooseDefaultSearchView.scss

@@ -290,7 +290,7 @@
 }
 
 .ChooseSearchView__modalOptionLogo {
-  padding-bottom: 70px;
+  padding-bottom: 40px;
 }
 
 .ChooseSearchView__modalDawnLogo {
@@ -301,11 +301,11 @@
 .ChooseSearchView__modalDescription {
   font-size: 24px;
   font-weight: 500;
-  line-height: 1.75;
+  line-height: 1.6;
   text-align: center;
   color: $tundora;
   width: 70%;
-  margin-bottom: 70px;
+  margin-bottom: 40px;
   white-space: pre-line;
 }
 

app/dawn-hub/Views/OnboardingViews/Step4_ChoosePlanView/ChoosePlanView.jsx

@@ -321,7 +321,7 @@ class ChoosePlanView extends React.Component {
 		const selectedGhosteryGlow = (defaultSearch === SEARCH_GHOSTERY);
 
 		return (
-			<div>
+			<Fragment>
 				<div className="ChoosePlanView__relativeContainer">
 					<div className="ChoosePlanView__backContainer">
 						<span className="ChoosePlanView__caret left" />
@@ -389,7 +389,7 @@ class ChoosePlanView extends React.Component {
 						</div>
 					)}
 				</div>
-			</div>
+			</Fragment>
 		);
 	}
 }

app/dawn-hub/Views/OnboardingViews/Step4_ChoosePlanView/ChoosePlanView.scss

@@ -35,7 +35,8 @@ $medium-large-breakpoint: 1118px; // Break when 3 cards on the screen overflow t
 	position: absolute;
 	display: flex;
 	width: 68px;
-	margin-top: 7px;
+	margin-top: 22px;
+  	margin-left: 22px;
 	.ChoosePlanView__back {
 		margin-top: 8px;
 		font-size: 16px;
@@ -44,10 +45,11 @@ $medium-large-breakpoint: 1118px; // Break when 3 cards on the screen overflow t
 	}
 }
 .ChoosePlanView__yourPrivacyPlan {
-	margin: auto;
+	margin: 60px auto auto auto;
 	font-size: 24px;
 	display: flex;
 	justify-content: center;
+  	text-align: center;
   	font-weight: 500;
 }
 .ChoosePlanView__subtitle {