add blue hover to learn more links onboarding analytics

src/components/Onboarding/steps/Analytics.js

@@ -77,15 +77,17 @@ class Analytics extends PureComponent<StepProps, State> {
               <Box>
                 <Box horizontal mb={1}>
                   <AnalyticsTitle>{t('onboarding:analytics.technicalData.title')}</AnalyticsTitle>
-                  <FakeLink
+                  <LearnMoreWrapper>
-                    underline
+                    <FakeLink
-                    fontSize={3}
+                      underline
-                    color="smoke"
+                      fontSize={3}
-                    ml={2}
+                      color="smoke"
-                    onClick={this.handleTechnicalDataModal}
+                      ml={2}
-                  >
+                      onClick={this.handleTechnicalDataModal}
-                    {t('app:common.learnMore')}
+                    >
-                  </FakeLink>
+                      {t('app:common.learnMore')}
+                    </FakeLink>
+                  </LearnMoreWrapper>
                 </Box>
                 <TechnicalData />
                 <AnalyticsText>{t('onboarding:analytics.technicalData.desc')}</AnalyticsText>
@@ -101,15 +103,17 @@ class Analytics extends PureComponent<StepProps, State> {
               <Box>
                 <Box horizontal mb={1}>
                   <AnalyticsTitle>{t('onboarding:analytics.shareAnalytics.title')}</AnalyticsTitle>
-                  <FakeLink
+                  <LearnMoreWrapper>
-                    style={{ textDecoration: 'underline' }}
+                    <FakeLink
-                    fontSize={3}
+                      style={{ textDecoration: 'underline' }}
-                    color="smoke"
+                      fontSize={3}
-                    ml={2}
+                      color="smoke"
-                    onClick={this.handleShareAnalyticsModal}
+                      ml={2}
-                  >
+                      onClick={this.handleShareAnalyticsModal}
-                    {t('app:common.learnMore')}
+                    >
-                  </FakeLink>
+                      {t('app:common.learnMore')}
+                    </FakeLink>
+                  </LearnMoreWrapper>
                   <ShareAnalytics />
                 </Box>
                 <AnalyticsText>{t('onboarding:analytics.shareAnalytics.desc')}</AnalyticsText>
@@ -192,3 +196,8 @@ const Container = styled(Box).attrs({
   width: 550px;
   justify-content: space-between;
 `
+const LearnMoreWrapper = styled(Box).attrs({})`
+  ${FakeLink}:hover {
+    color: ${p => p.theme.colors.wallet};
+  }
+`