diff --git a/src/features/rewards/settingsPage/__snapshots__/spec.tsx.snap b/src/features/rewards/settingsPage/__snapshots__/spec.tsx.snap
index 294226a4a..5e8c2f6eb 100644
--- a/src/features/rewards/settingsPage/__snapshots__/spec.tsx.snap
+++ b/src/features/rewards/settingsPage/__snapshots__/spec.tsx.snap
@@ -9,11 +9,6 @@ exports[`SettingsPage tests basic tests matches the snapshot 1`] = `
}
.c1 {
- background-image: linear-gradient(267deg,#bf14a2,#f73a1c);
- height: 62px;
-}
-
-.c2 {
max-width: 1000px;
margin: 0 auto;
padding: 40px 0;
@@ -26,8 +21,5 @@ exports[`SettingsPage tests basic tests matches the snapshot 1`] = `
-
`;
diff --git a/src/features/rewards/settingsPage/index.tsx b/src/features/rewards/settingsPage/index.tsx
index f43012d46..1269e73bf 100644
--- a/src/features/rewards/settingsPage/index.tsx
+++ b/src/features/rewards/settingsPage/index.tsx
@@ -3,7 +3,7 @@
* You can obtain one at http://mozilla.org/MPL/2.0/. */
import * as React from 'react'
-import { StyledWrapper, StyleHeader, StyledContent } from './style'
+import { StyledWrapper, StyledContent } from './style'
export interface Props {
id?: string
@@ -16,7 +16,6 @@ export default class SettingsPage extends React.PureComponent {
return (
-
{children}
diff --git a/src/features/rewards/settingsPage/style.ts b/src/features/rewards/settingsPage/style.ts
index ba0841ebe..9750e8b65 100644
--- a/src/features/rewards/settingsPage/style.ts
+++ b/src/features/rewards/settingsPage/style.ts
@@ -11,11 +11,6 @@ export const StyledWrapper = styled<{}, 'div'>('div')`
font-family: "Poppins", sans-serif
`
-export const StyleHeader = styled<{}, 'div'>('div')`
- background-image: linear-gradient(267deg, #bf14a2, #f73a1c);
- height: 62px;
-`
-
export const StyledContent = styled<{}, 'div'>('div')`
max-width: 1000px;
margin: 0 auto;
diff --git a/src/features/rewards/welcomePage/__snapshots__/spec.tsx.snap b/src/features/rewards/welcomePage/__snapshots__/spec.tsx.snap
index ac49574d3..06cc4e5f7 100644
--- a/src/features/rewards/welcomePage/__snapshots__/spec.tsx.snap
+++ b/src/features/rewards/welcomePage/__snapshots__/spec.tsx.snap
@@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
-.c5 {
+.c4 {
text-align: center;
min-height: 610px;
padding: 60px 0 25px 0;
@@ -12,7 +12,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
border-bottom-right-radius: 150% 120px;
}
-.c34 {
+.c33 {
height: 290px;
border-radius: 4px;
text-align: center;
@@ -24,7 +24,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
font-family: Poppins,sans-serif;
}
-.c37 {
+.c36 {
color: #222326;
font-size: 18px;
font-weight: 500;
@@ -35,7 +35,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
letter-spacing: 0.16px;
}
-.c38 {
+.c37 {
color: #686978;
font-size: 16px;
line-height: 22px;
@@ -48,7 +48,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
font-weight: 400;
}
-.c35 {
+.c34 {
box-sizing: border-box;
display: block;
max-width: 100%;
@@ -56,7 +56,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
height: 80px;
}
-.c32 {
+.c31 {
display: grid;
grid-gap: 0px;
grid-template-columns: 1fr 1fr 1fr;
@@ -70,47 +70,47 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
justify-content: center;
}
-.c33 {
+.c32 {
padding: 0 10px;
}
-.c23 {
+.c22 {
width: 100%;
height: 100%;
fill: currentColor;
}
-.c22 {
+.c21 {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
-.c39 {
+.c38 {
width: 100%;
height: 100%;
fill: currentColor;
}
-.c7 {
+.c6 {
width: 100%;
height: 100%;
fill: currentColor;
}
-.c36 {
+.c35 {
width: 100%;
height: 100%;
fill: currentColor;
}
-.c40 {
+.c39 {
width: 100%;
height: 100%;
fill: currentColor;
}
-.c11 {
+.c10 {
box-sizing: border-box;
font-family: Poppins,sans-serif;
font-weight: 400;
@@ -118,11 +118,11 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
margin: 0;
}
-.c10 {
+.c9 {
font-size: 40px;
}
-.c29 {
+.c28 {
box-sizing: border-box;
font-family: Poppins,sans-serif;
font-weight: 400;
@@ -130,11 +130,11 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
margin: 0;
}
-.c28 {
+.c27 {
font-size: 32px;
}
-.c15 {
+.c14 {
box-sizing: border-box;
font-family: Poppins,sans-serif;
font-weight: 400;
@@ -142,11 +142,11 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
margin: 0;
}
-.c14 {
+.c13 {
font-size: 24px;
}
-.c18 {
+.c17 {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
@@ -166,11 +166,11 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
border: 1px solid rgba(255,255,255,0.35);
}
-.c18:hover {
+.c17:hover {
background: rgba(0,0,0,0.05);
}
-.c45 {
+.c44 {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
@@ -189,7 +189,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
background: #FB542B;
}
-.c19 {
+.c18 {
font-family: Poppins,sans-serif;
font-weight: 600;
text-transform: uppercase;
@@ -208,80 +208,75 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
}
.c1 {
- background-image: linear-gradient(267deg,#bf14a2,#f73a1c);
- height: 62px;
-}
-
-.c2 {
max-width: 1000px;
margin: 0 auto;
padding: 40px 0;
}
-.c17 {
+.c16 {
margin: 40px auto;
max-width: 303px;
}
-.c44 {
+.c43 {
max-width: 303px;
margin: 0 auto;
}
-.c42 {
+.c41 {
text-align: center;
}
-.c24 {
+.c23 {
padding: 15px 0 0;
}
-.c25 {
+.c24 {
margin: 0 auto;
max-width: 692px;
padding: 67px 0 20px;
}
-.c4 {
+.c3 {
display: block;
}
-.c31 {
+.c30 {
margin: 22px auto 0;
max-width: 900px;
}
-.c41 {
+.c40 {
margin: 0 auto;
padding: 64px 0 79px;
max-width: 500px;
display: block;
}
-.c3 {
+.c2 {
background: url(test-file-stub) no-repeat top;
}
-.c6 {
+.c5 {
margin: 5px auto 0;
height: 152px;
}
-.c9 {
+.c8 {
font-weight: 500;
color: #FFF;
display: inline-block;
margin: 17px 0 4px;
}
-.c43 {
+.c42 {
color: #5C58C2;
font-weight: normal;
line-height: 28px;
margin: 18px 0 30px;
}
-.c27 {
+.c26 {
color: #222326;
font-weight: normal;
text-align: left;
@@ -290,14 +285,14 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
margin: 0;
}
-.c13 {
+.c12 {
color: #5BC4FE;
font-weight: 500;
text-align: center;
margin: 18px 0 7px;
}
-.c12 {
+.c11 {
display: inline-block;
vertical-align: text-top;
margin-top: -25px;
@@ -307,7 +302,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
opacity: 0.7;
}
-.c16 {
+.c15 {
font-size: 16px;
max-width: 375px;
margin: 0 auto;
@@ -315,7 +310,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
color: #FFF;
}
-.c20 {
+.c19 {
font-size: 16px;
margin: 0 0 5px;
line-height: 28px;
@@ -323,7 +318,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
opacity: 0.5;
}
-.c30 {
+.c29 {
font-size: 16px;
line-height: 28px;
color: #686978;
@@ -337,7 +332,7 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
font-family: Muli,sans-serif;
}
-.c21 {
+.c20 {
padding: 0;
border: none;
background: none;
@@ -348,32 +343,32 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
outline: none;
}
-.c21:focus {
+.c20:focus {
outline: 0;
}
@media (max-width:475px) {
- .c5 {
+ .c4 {
padding-top: 35px;
}
}
@media (max-width:640px) {
- .c32 {
+ .c31 {
grid-gap: 20px;
grid-template-columns: 1fr;
}
}
@media (max-width:410px) {
- .c17 {
+ .c16 {
margin: 40px 20px;
max-width: unset;
}
}
@media (max-width:767px) {
- .c25 {
+ .c24 {
max-width: none;
width: 100%;
padding-top: 30px;
@@ -381,38 +376,38 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
}
@media (max-width:767px) {
- .c26 {
+ .c25 {
margin: 0 auto;
width: 80%;
}
}
@media (max-width:980px) {
- .c3 {
+ .c2 {
background: #F8FAFF;
}
}
@media (max-width:460px) {
- .c6 {
+ .c5 {
height: 100px;
}
}
@media (max-width:360px) {
- .c9 {
+ .c8 {
font-size: 36px;
}
}
@media (max-width:360px) {
- .c13 {
+ .c12 {
font-size: 22px;
}
}
@media (max-width:400px) {
- .c8 {
+ .c7 {
padding: 0 10px;
}
}
@@ -423,29 +418,26 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
>
-
MISSING: braveRewardsTitle
TM
MISSING: braveRewardsSubTitle
MISSING: braveRewardsDesc
MISSING: braveRewardsTeaser
MISSING: whyBraveRewards
MISSING: whyBraveRewardsDesc1
MISSING: whyBraveRewardsDesc2
@@ -569,26 +561,26 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
MISSING: turnOnRewardsTitle
MISSING: turnOnRewardsDesc
MISSING: braveAdsTitle
MISSING: braveAdsDesc
MISSING: braveContributeTitle
MISSING: braveContributeDesc
@@ -712,26 +704,26 @@ exports[`WelcomePage tests basic tests matches the snapshot 1`] = `
MISSING: readyToTakePart